npm - @procore/core-react - Versions diffs - 10.21.1-rc.7 → 10.22.0-rc.38 - Mend

@procore/core-react 10.21.1-rc.7 → 10.22.0-rc.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/dist/esm/components/Form/Form.types.d.ts CHANGED Viewed

@@ -318,12 +318,12 @@ export declare type ViewFieldProps<Value, FieldTypeProps extends FieldProps<Valu
 export declare type FieldTextValueType = string;
 export interface FieldTextComponentProps<Value = FieldTextValueType> extends ValueComponentProps<Value>, InputProps {
 }
-export interface FieldTextProps<Value = FieldTextValueType> extends FieldProps<Value>, Omit<InputProps, 'name' | 'children' | 'error'> {
+export interface FieldTextProps<Value = FieldTextValueType> extends FieldProps<Value>, Omit<InputProps, 'name' | 'children' | 'error' | 'value'> {
 }
 export declare type FieldNumberValueType = BaseNumberInputValueType;
 export interface FieldNumberComponentProps<Value = FieldNumberValueType> extends ValueComponentProps<Value>, NumberInputProps {
 }
-export interface FieldNumberProps<Value = FieldNumberValueType> extends FieldProps<Value>, Omit<InputAttributes, 'name' | 'children'> {
+export interface FieldNumberProps<Value = FieldNumberValueType> extends FieldProps<Value>, Omit<InputAttributes, 'name' | 'children' | 'value'> {
 }
 export declare type FieldCurrencyValueType = BaseNumberInputValueType;
 export interface FieldCurrencyComponentProps<Value = FieldCurrencyValueType> extends ValueComponentProps<Value>, NumberInputProps {
@@ -333,7 +333,7 @@ export interface FieldCurrencyProps<Value = FieldCurrencyValueType> extends Fiel
 export declare type FieldDateValueType = null | string | Date;
 export interface FieldDateComponentProps<Value = FieldDateValueType> extends ValueComponentProps<Value>, DateSelectProps {
 }
-export interface FieldDateProps<Value = FieldDateValueType> extends FieldProps<Value>, Omit<DateSelectProps, 'error'> {
+export interface FieldDateProps<Value = FieldDateValueType> extends FieldProps<Value>, Omit<DateSelectProps, 'error' | 'value'> {
 }
 export declare type FieldCheckboxValueType = boolean;
 export interface FieldCheckboxComponentProps<Value = FieldCheckboxValueType> extends ValueComponentProps<Value>, CheckboxProps {
@@ -342,7 +342,7 @@ export interface FieldCheckboxComponentProps<Value = FieldCheckboxValueType> ext
      */
     i18nScope?: string;
 }
-export interface FieldCheckboxProps<Value = FieldCheckboxValueType> extends FieldProps<Value>, Omit<CheckboxProps, 'name' | 'error' | 'children'> {
+export interface FieldCheckboxProps<Value = FieldCheckboxValueType> extends FieldProps<Value>, Omit<CheckboxProps, 'name' | 'error' | 'children' | 'value'> {
     /**
      * @since 10.19.0
      */
@@ -351,12 +351,12 @@ export interface FieldCheckboxProps<Value = FieldCheckboxValueType> extends Fiel
 export declare type FieldTextAreaValueType = string;
 export interface FieldTextAreaComponentProps<Value = FieldTextAreaValueType> extends ValueComponentProps<Value>, TextAreaProps {
 }
-export interface FieldTextAreaProps<Value = FieldTextAreaValueType> extends FieldProps<Value>, Omit<TextAreaProps, 'name' | 'error' | 'children'> {
+export interface FieldTextAreaProps<Value = FieldTextAreaValueType> extends FieldProps<Value>, Omit<TextAreaProps, 'name' | 'error' | 'children' | 'value'> {
 }
 export declare type FieldRichTextValueType = string;
 export interface FieldRichTextComponentProps<Value = FieldRichTextValueType> extends ValueComponentProps<Value>, TextEditorProps {
 }
-export interface FieldRichTextProps<Value = FieldRichTextValueType> extends Omit<FieldProps<Value>, 'error'>, TextEditorProps {
+export interface FieldRichTextProps<Value = FieldRichTextValueType> extends Omit<FieldProps<Value>, 'error'>, Omit<TextEditorProps, 'value'> {
 }
 export declare type FieldRadioButtonsValueType = any;
 export interface FieldRadioButtonsComponentProps<Value = FieldRadioButtonsValueType> extends ValueComponentProps<Value>, Partial<OptionList<Value>>, Pick<Props, 'className' | 'style'> {
@@ -490,27 +490,35 @@ export interface FieldSelectComponentProps<Value = FieldSelectValueType, OptionI
 export interface FieldSelectProps<Value = FieldSelectValueType, OptionItem = FieldSelectOptionItem, GroupItem = FieldSelectGroupItem> extends FieldProps<Value>, Partial<OptionList<OptionItem>>, Pick<FieldSelectComponentProps<Value, OptionItem, GroupItem>, 'getGroup' | 'groupGetId' | 'groupGetLabel' | 'groupHeaderRenderer' | 'isSuggestedOption' | 'onBlur' | 'onClear' | 'optgroups' | 'onSearch' | 'optionRenderer' | 'searchComparator'>, Omit<SelectProps, 'onClear' | 'onSearch' | 'error' | 'children' | 'label'> {
 }
 export declare type FieldPillSelectValueType = any;
-export interface FieldPillSelectComponentProps<Value = FieldPillSelectValueType> extends ValueComponentProps<Value>, Omit<PillSelectProps, 'children' | 'onClear' | 'error' | 'value'> {
+interface PillSelectCommon extends Omit<PillSelectProps, 'children' | 'onClear' | 'error' | 'value'> {
     /**
      * @since 10.19.0
      */
     onClear?: false | PillSelectProps['onClear'];
 }
-export interface FieldPillSelectProps<Value = FieldPillSelectValueType> extends FieldProps<Value>, Omit<FieldPillSelectComponentProps<Value>, 'field'> {
+export interface FieldPillSelectComponentProps<Value = FieldPillSelectValueType> extends ValueComponentProps<Value>, PillSelectCommon {
+}
+export interface FieldPillSelectProps<Value = FieldPillSelectValueType> extends FieldProps<Value>, PillSelectCommon {
 }
 export declare type FieldMultiSelectValueType = any[];
-export interface FieldMultiSelectComponentProps<Value = FieldMultiSelectValueType> extends ValueComponentProps<Value>, Partial<OptionList<ValueInArray<Value>>>, Omit<MultiSelectProps, 'options' | 'getLabel' | 'getId' | 'error'> {
+interface MultiSelectCommon<Value> extends Partial<OptionList<ValueInArray<Value>>>, Omit<MultiSelectProps, 'options' | 'getLabel' | 'getId' | 'error' | 'value'> {
+}
+export interface FieldMultiSelectComponentProps<Value = FieldMultiSelectValueType> extends ValueComponentProps<Value>, MultiSelectCommon<Value> {
 }
-export interface FieldMultiSelectProps<Value = FieldMultiSelectValueType> extends FieldProps<Value>, Partial<OptionList<ValueInArray<Value>>>, Omit<MultiSelectProps, 'options' | 'getLabel' | 'getId' | 'error'> {
+export interface FieldMultiSelectProps<Value = FieldMultiSelectValueType> extends FieldProps<Value>, MultiSelectCommon<Value> {
 }
 export declare type FieldGroupSelectValueType = any[];
-export interface FieldGroupSelectComponentProps<Value = FieldGroupSelectValueType> extends ValueComponentProps<Value>, Partial<OptionList<Value[keyof Value]>>, Omit<GroupSelectProps, 'options' | 'getLabel' | 'getId' | 'error'> {
+interface GroupSelectCommon<Value> extends Partial<OptionList<Value[keyof Value]>>, Omit<GroupSelectProps, 'options' | 'getLabel' | 'getId' | 'error' | 'value'> {
 }
-export interface FieldGroupSelectProps<Value = FieldGroupSelectValueType> extends FieldProps<Value>, Partial<OptionList<Value[keyof Value]>>, Omit<GroupSelectProps, 'options' | 'getLabel' | 'getId' | 'error'> {
+export interface FieldGroupSelectComponentProps<Value = FieldGroupSelectValueType> extends ValueComponentProps<Value>, GroupSelectCommon<Value> {
+}
+export interface FieldGroupSelectProps<Value = FieldGroupSelectValueType> extends FieldProps<Value>, GroupSelectCommon<Value> {
 }
 export declare type FieldTieredSelectValueType = any[];
-export interface FieldTieredSelectComponentProps<Value = FieldTieredSelectValueType> extends ValueComponentProps<Value>, Partial<OptionList<Value[keyof Value]>>, Omit<TieredSelectProps, 'options' | 'getLabel' | 'getId' | 'error' | 'children'> {
+interface TieredSelectCommon<Value> extends Partial<OptionList<Value[keyof Value]>>, Omit<TieredSelectProps, 'options' | 'getLabel' | 'getId' | 'error' | 'children' | 'value'> {
+}
+export interface FieldTieredSelectComponentProps<Value = FieldTieredSelectValueType> extends ValueComponentProps<Value>, TieredSelectCommon<Value> {
 }
-export interface FieldTieredSelectProps<Value = FieldTieredSelectValueType> extends FieldProps<Value>, Partial<OptionList<Value[keyof Value]>>, Omit<TieredSelectProps, 'options' | 'getLabel' | 'getId' | 'error' | 'children'> {
+export interface FieldTieredSelectProps<Value = FieldTieredSelectValueType> extends FieldProps<Value>, TieredSelectCommon<Value> {
 }
 export {};

package/dist/esm/components/SegmentedController/SegmentedController.js CHANGED Viewed

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { addSubcomponents } from '../../utils/addSubcomponents';
 import { Tooltip as TooltipBase } from '../Tooltip';
-import { StyledContainer, StyledLabel, StyledSegment, } from './SegmentedController.styles';
+import { StyledContainer, StyledLabel, StyledSegment, StyledSegmentDisabledInteractiveWrapper, } from './SegmentedController.styles';
 function noop() { }
 function isSegment(node) {
     return typeof node === 'object' && node.type === Segment;
@@ -45,8 +45,9 @@ var SegmentedController_ = React.forwardRef(function SegmentedController(_a, ref
 export var Segment = React.forwardRef(function Segment(_a, ref) {
     var _b = _a.active, active = _b === void 0 ? false : _b, children = _a.children, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.placement, placement = _d === void 0 ? 'top' : _d, tooltip = _a.tooltip, props = __rest(_a, ["active", "children", "disabled", "placement", "tooltip"]);
     return (React.createElement(Tooltip, { overlay: tooltip, placement: placement },
-        React.createElement(StyledSegment, __assign({}, props, { ref: ref, active: active, disabled: disabled, "aria-selected": active, type: "button" }),
-            React.createElement(StyledLabel, null, children))));
+        React.createElement(StyledSegmentDisabledInteractiveWrapper, { "$active": active, "$disabled": disabled },
+            React.createElement(StyledSegment, __assign({}, props, { ref: ref, "aria-selected": active, active: active, disabled: disabled, type: "button" }),
+                React.createElement(StyledLabel, null, children)))));
 });
 /**
  * @deprecated

package/dist/esm/components/SegmentedController/SegmentedController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedController.js","sourceRoot":"","sources":["../../../../src/components/SegmentedController/SegmentedController.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EACL,eAAe,EACf,WAAW,EACX,aAAa,~~GACd~~,MAAM,8BAA8B,CAAA;AAOrC,SAAS,IAAI,KAAI,CAAC;AAElB,SAAS,SAAS,CAAC,IAAS;IAC1B,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA;AAC1D,CAAC;AAED,IAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAG3C,SAAS,mBAAmB,CAC5B,EAQC,EACD,GAAG;IARD,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,MAAM,YAAA,EACN,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACZ,KAAK,cAPV,oEAQC,CADS;IAIV,OAAO,CACL,oBAAC,eAAe,aAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,GAC/C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9B,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,CAAC;SACnC,GAAG,CAAC,UAAC,KAAU,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,MAAM,EAAE,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;YAC1C,QAAQ,EAAE,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ;YAC1C,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;gBAC1B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;gBACrB,CAAC,CAAC,cAAM,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,EAAb,CAAa;SACxB,CAAC,CAAA;IACJ,CAAC,CAAC,CACY,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAGrC,SAAS,OAAO,CAChB,EAOC,EACD,GAAG;IAPD,IAAA,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,OAAO,aAAA,EACJ,KAAK,cANV,0DAOC,CADS;IAIV,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;QAC7C,oBAAC,aAAa,eACR,KAAK,IACT,GAAG,EAAE,GAAG,~~EACR~~,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,~~mBACH~~,~~MAAM,EACrB,~~IAAI,EAAC,QAAQ;~~YAEb~~,oBAAC,WAAW,QAAE,QAAQ,CAAe,CACvB,~~CACR~~,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAGrC,SAAS,OAAO,CAAC,EAA+B,EAAE,GAAG;IAAlC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA7B,uBAA+B,CAAF;IAC9C,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,WAAW,eAAK,KAAK,IAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,OAAO,KAChE,QAAQ,CACG,CACf,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,SAAS,GAAG,UAAC,MAAW,IAAK,OAAA,UAAC,SAAc,IAAK,OAAA,UAAC,KAAU;IAC1D,IAAA,KAA+B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAA/C,aAAa,QAAA,EAAE,WAAW,QAAqB,CAAA;IAEtD,OAAO,oBAAC,SAAS,qCAAU,KAAK,KAAE,aAAa,eAAA,EAAE,WAAW,aAAA,KAAM,CAAA;AACpE,CAAC,EAJsD,CAItD,EAJkC,CAIlC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,IAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC,UAAC,EAA2B;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACtD,OAAA,QAAQ,CAAC,KAAK,CAAC,CAAA;CAAA,CAChB,CAAA;AAED,oBAAoB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAExD,OAAO,CAAC,WAAW,GAAG,6BAA6B,CAAA;AAEnD,OAAO,CAAC,WAAW,GAAG,6BAA6B,CAAA;AAEnD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAG,gBAAgB,CACjD;IACE,OAAO,SAAA;IACP,KAAK,OAAA;IACL,OAAO,SAAA;CACR,EACD,oBAAoB,CACrB,CAAA"}
1	+ {"version":3,"file":"SegmentedController.js","sourceRoot":"","sources":["../../../../src/components/SegmentedController/SegmentedController.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/SegmentedController/SegmentedController.styles.d.ts CHANGED Viewed

@@ -3,5 +3,10 @@ export declare const StyledContainer: import("styled-components").StyledComponen
 }, never>;
 export declare const StyledSegment: import("styled-components").StyledComponent<"button", any, {
     active: boolean;
+    disabled: boolean;
+}, never>;
+export declare const StyledSegmentDisabledInteractiveWrapper: import("styled-components").StyledComponent<"div", any, {
+    $active: boolean;
+    $disabled: boolean;
 }, never>;
 export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/esm/components/SegmentedController/SegmentedController.styles.js CHANGED Viewed

@@ -14,16 +14,21 @@ export var StyledContainer = styled.div(templateObject_1 || (templateObject_1 =
     var block = _a.block;
     return (block ? '100%' : null);
 });
-export var StyledSegment = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-items: center;\n  border-radius: 0;\n  border-style: solid;\n  border-width: 1px;\n  cursor: pointer;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  justify-content: center;\n  min-width: 0;\n  outline: 0;\n  padding: 0 ", "px;\n  position: relative;\n\n  // For all segments which are not the first child, hide the left border.\n  // This is the basis of all the styling so we can get that single pixel line\n  // between each segment\n  &:not(:first-child) {\n    border-left-width: 0;\n  }\n\n  &:first-child {\n    border-bottom-left-radius: ", "px;\n    border-top-left-radius: ", "px;\n  }\n\n  &:last-child {\n    border-bottom-right-radius: ", "px;\n    border-top-right-radius: ", "px;\n  }\n\n  &:focus,\n  &.focus {\n    &:not(:disabled) {\n      // Custom focus style, not using the mixin because we need to have control\n      // over borders and outlines\n      border-color: ", ";\n      box-shadow: 0 0 0 1px ", ";\n      z-index: 1;\n    }\n  }\n\n  ", "\n"], ["\n  align-items: center;\n  border-radius: 0;\n  border-style: solid;\n  border-width: 1px;\n  cursor: pointer;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  justify-content: center;\n  min-width: 0;\n  outline: 0;\n  padding: 0 ", "px;\n  position: relative;\n\n  // For all segments which are not the first child, hide the left border.\n  // This is the basis of all the styling so we can get that single pixel line\n  // between each segment\n  &:not(:first-child) {\n    border-left-width: 0;\n  }\n\n  &:first-child {\n    border-bottom-left-radius: ", "px;\n    border-top-left-radius: ", "px;\n  }\n\n  &:last-child {\n    border-bottom-right-radius: ", "px;\n    border-top-right-radius: ", "px;\n  }\n\n  &:focus,\n  &.focus {\n    &:not(:disabled) {\n      // Custom focus style, not using the mixin because we need to have control\n      // over borders and outlines\n      border-color: ", ";\n      box-shadow: 0 0 0 1px ", ";\n      z-index: 1;\n    }\n  }\n\n  ", "\n"])), spacing.md, borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md, colors.blue40, colors.blue40, function (_a) {
+export var StyledSegment = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  border-radius: 0;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  justify-content: center;\n  min-width: 0;\n  outline: 0;\n  padding: 0 ", "px;\n  position: relative;\n  background-color: ", ";\n  color: ", ";\n\n  ", "\n"], ["\n  align-items: center;\n  border-radius: 0;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  justify-content: center;\n  min-width: 0;\n  outline: 0;\n  padding: 0 ", "px;\n  position: relative;\n  background-color: ", ";\n  color: ", ";\n\n  ", "\n"])), colors.gray85, spacing.md, colors.white, colors.gray45, function (_a) {
     var _b = _a.active, active = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
     if (disabled) {
-        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        &,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n        }\n      "], ["\n        &,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n        }\n      "])), active ? colors.gray85 : colors.white, colors.gray85, active ? colors.white : colors.gray85);
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n        }\n      "], ["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n        }\n      "])), active ? colors.gray85 : colors.white, colors.gray85, active ? colors.white : colors.gray85);
     }
-    else if (active) {
-        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        &,\n        &:hover {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n\n        & + * {\n          // If a segment is active, the sibling to the right must have its left\n          // border turned on to match the spec with a gray line on either\n          // side of an active segment.\n          //\n          // !important is needed to override :not(:first-child) specificity\n          border-left-width: 1px !important;\n          margin-left: -1px !important;\n        }\n      "], ["\n        &,\n        &:hover {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n\n        & + * {\n          // If a segment is active, the sibling to the right must have its left\n          // border turned on to match the spec with a gray line on either\n          // side of an active segment.\n          //\n          // !important is needed to override :not(:first-child) specificity\n          border-left-width: 1px !important;\n          margin-left: -1px !important;\n        }\n      "])), colors.blue50, colors.blue50, colors.white);
+});
+export var StyledSegmentDisabledInteractiveWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n\n  // For all segments which are not the first child, hide the left border.\n  // This is the basis of all the styling so we can get that single pixel line\n  // between each segment\n  &:not(:first-child) ", " {\n    border-left-width: 0;\n  }\n\n  &:first-child ", " {\n    border-bottom-left-radius: ", "px;\n    border-top-left-radius: ", "px;\n\n    &:focus,\n    &.focus {\n      margin-left: 0;\n    }\n  }\n\n  &:last-child ", " {\n    border-bottom-right-radius: ", "px;\n    border-top-right-radius: ", "px;\n  }\n\n  & ", " {\n    &:focus,\n    &.focus {\n      border-color: ", ";\n\n      // If we hover or focus on a segment we want to show its left border\n      border-left-width: 1px !important;\n\n      // We also need to use a negative margin to account for the additional width\n      // from turning on the left border so we don't get shifting. However,\n      // we don't want to shift the first item because its border is always on\n      margin-left: -1px;\n\n      &:not(:disabled) {\n        // Custom focus style, not using the mixin because we need to have control\n        // over borders and outlines\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n        z-index: 1;\n      }\n    }\n  }\n\n  ", "\n"], ["\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n\n  // For all segments which are not the first child, hide the left border.\n  // This is the basis of all the styling so we can get that single pixel line\n  // between each segment\n  &:not(:first-child) ", " {\n    border-left-width: 0;\n  }\n\n  &:first-child ", " {\n    border-bottom-left-radius: ", "px;\n    border-top-left-radius: ", "px;\n\n    &:focus,\n    &.focus {\n      margin-left: 0;\n    }\n  }\n\n  &:last-child ", " {\n    border-bottom-right-radius: ", "px;\n    border-top-right-radius: ", "px;\n  }\n\n  & ", " {\n    &:focus,\n    &.focus {\n      border-color: ", ";\n\n      // If we hover or focus on a segment we want to show its left border\n      border-left-width: 1px !important;\n\n      // We also need to use a negative margin to account for the additional width\n      // from turning on the left border so we don't get shifting. However,\n      // we don't want to shift the first item because its border is always on\n      margin-left: -1px;\n\n      &:not(:disabled) {\n        // Custom focus style, not using the mixin because we need to have control\n        // over borders and outlines\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n        z-index: 1;\n      }\n    }\n  }\n\n  ", "\n"])), StyledSegment, StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, colors.gray85, colors.blue40, colors.blue40, function (_a) {
+    var _b = _a.$active, $active = _b === void 0 ? false : _b, _c = _a.$disabled, $disabled = _c === void 0 ? false : _c;
+    if (!$disabled) {
+        if ($active) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          & ", " {\n            &,\n            &:hover {\n              background-color: ", ";\n              border-color: ", ";\n              color: ", ";\n            }\n          }\n          & + * ", " {\n            // If a segment is active, the sibling to the right must have its left\n            // border turned on to match the spec with a gray line on either\n            // side of an active segment.\n            //\n            // !important is needed to override :not(:first-child) specificity\n            border-left-width: 1px !important;\n            margin-left: -1px !important;\n          }\n        "], ["\n          & ", " {\n            &,\n            &:hover {\n              background-color: ", ";\n              border-color: ", ";\n              color: ", ";\n            }\n          }\n          & + * ", " {\n            // If a segment is active, the sibling to the right must have its left\n            // border turned on to match the spec with a gray line on either\n            // side of an active segment.\n            //\n            // !important is needed to override :not(:first-child) specificity\n            border-left-width: 1px !important;\n            margin-left: -1px !important;\n          }\n        "])), StyledSegment, colors.blue50, colors.blue50, colors.white, StyledSegment);
+        }
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        & ", " {\n          &:hover,\n          &.hover {\n            background-color: ", ";\n            border-color: ", ";\n            color: ", ";\n          }\n        }\n      "], ["\n        & ", " {\n          &:hover,\n          &.hover {\n            background-color: ", ";\n            border-color: ", ";\n            color: ", ";\n          }\n        }\n      "])), StyledSegment, colors.gray94, colors.gray85, colors.gray45);
     }
-    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n\n      &:hover,\n      &.hover {\n        background-color: ", ";\n        border-color: ", ";\n        color: ", ";\n      }\n\n      &:focus,\n      &.focus {\n        border-color: ", ";\n\n        // If we hover or focus on a segment we want to show its left border\n        border-left-width: 1px;\n\n        // We also need to use a negative margin to account for the additional width\n        // from turning on the left border so we don't get shifting. However,\n        // we don't want to shift the first item because its border is always on\n        &:not(:first-child) {\n          margin-left: -1px;\n        }\n      }\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n\n      &:hover,\n      &.hover {\n        background-color: ", ";\n        border-color: ", ";\n        color: ", ";\n      }\n\n      &:focus,\n      &.focus {\n        border-color: ", ";\n\n        // If we hover or focus on a segment we want to show its left border\n        border-left-width: 1px;\n\n        // We also need to use a negative margin to account for the additional width\n        // from turning on the left border so we don't get shifting. However,\n        // we don't want to shift the first item because its border is always on\n        &:not(:first-child) {\n          margin-left: -1px;\n        }\n      }\n    "])), colors.white, colors.gray85, colors.gray45, colors.gray94, colors.gray85, colors.gray45, colors.blue50);
 });
-export var StyledLabel = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  ", ";\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), getTypographyIntent('body'));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+export var StyledLabel = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  ", ";\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), getTypographyIntent('body'));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=SegmentedController.styles.js.map

package/dist/esm/components/SegmentedController/SegmentedController.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedController.styles.js","sourceRoot":"","sources":["../../../../src/components/SegmentedController/SegmentedController.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8KAAqB,uCAEjD,EAA+C,2DAGjD,EAAsC,KAChD,KAJY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AAAhC,CAAgC,EAGjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAAvB,CAAuB,CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,~~siCAAqB~~,~~kPAYhD~~,~~EAAU~~,~~oUAWQ~~,~~EAAe~~,~~mCAClB~~,~~EAAe~~,~~gEAIX~~,~~EAAe,oCAClB,EAAe,yMAQxB,~~EAAa,~~iCACL~~,~~EAAa~~,~~wCAKvC,EA2DD,~~IACF,~~KA3Fc~~,~~OAAO~~,CAAC,~~EAAE~~,~~EAWQ~~,~~YAAY~~,CAAC,EAAE,~~EAClB~~,~~YAAY,CAAC,EAAE,EAIX,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,EAQxB,~~MAAM,CAAC,~~MAAM~~,~~EACL~~,MAAM,CAAC,MAAM,~~EAKvC~~,UAAC,EAAoC;QAAlC,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnC,IAAI,QAAQ,EAAE;QACZ,OAAO,GAAG,~~qPAAA~~,~~kEAGc~~,EAAqC,6BACzC,EAAa,sBACpB,EAAqC,uDAGjD,KALuB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EACzC,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAGjD;KACF;~~SAAM~~,~~IAAI~~,~~MAAM~~,~~EAAE~~;~~QACjB~~,~~OAAO~~,GAAG,~~ymBAAA,+DAGc~~,EAAa,~~6BACjB~~,EAAa,~~sBACpB~~,~~EAAY~~,~~8aAYxB~~,~~KAduB~~,MAAM,CAAC,MAAM,~~EACjB~~,MAAM,CAAC,MAAM,~~EACpB~~,MAAM,CAAC,KAAK,~~EAYxB~~;~~KACF~~;~~IAED~~,OAAO,~~GAAG~~,~~oxBAAA~~,~~4BACY~~,~~EAAY~~,~~yBAChB~~,EAAa,~~kBACpB~~,EAAa,~~kEAIA~~,EAAa,~~2BACjB~~,~~EAAa~~,~~oBACpB~~,EAAa,~~uEAKN~~,~~EAAa~~,~~ocAYhC~~,~~KAzBqB~~,MAAM,CAAC,~~KAAK~~,~~EAChB~~,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,~~MAAM~~,~~EAIA~~,~~MAAM~~,~~CAAC~~,~~MAAM~~,~~EACjB~~,MAAM,CAAC,MAAM,~~EACpB~~,MAAM,CAAC,MAAM,~~EAKN~~,MAAM,CAAC,MAAM,~~EAYhC~~;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,8KAAA,MAClC,EAA2B,mGAM9B,KANG,mBAAmB,CAAC,MAAM,CAAC,CAM9B,CAAA"}
1	+ {"version":3,"file":"SegmentedController.styles.js","sourceRoot":"","sources":["../../../../src/components/SegmentedController/SegmentedController.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8KAAqB,uCAEjD,EAA+C,2DAGjD,EAAsC,KAChD,KAJY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AAAhC,CAAgC,EAGjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAAvB,CAAuB,CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,uXAGxC,qEAGoB,EAAa,wJAQpB,EAAU,kDAEH,EAAY,cACvB,EAAa,SAEpB,EAaD,IACF,KA3BqB,MAAM,CAAC,MAAM,EAQpB,OAAO,CAAC,EAAE,EAEH,MAAM,CAAC,KAAK,EACvB,MAAM,CAAC,MAAM,EAEpB,UAAC,EAAoC;QAAlC,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnC,IAAI,QAAQ,EAAE;QACZ,OAAO,GAAG,uQAAA,oFAIc,EAAqC,6BACzC,EAAa,sBACpB,EAAqC,uDAGjD,KALuB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EACzC,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAGjD;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,uCAAuC,GAAG,MAAM,CAAC,GAAG,k3CAG/D,0RASsB,EAAa,wDAInB,EAAa,qCACE,EAAe,mCAClB,EAAe,0FAQ5B,EAAa,sCACI,EAAe,oCAClB,EAAe,kBAGxC,EAAa,uDAGG,EAAa,sjBAaX,EAAa,mCACL,EAAa,mDAMzC,EAkCD,IACF,KA7EuB,aAAa,EAInB,aAAa,EACE,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,EAQ5B,aAAa,EACI,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,EAGxC,aAAa,EAGG,MAAM,CAAC,MAAM,EAaX,MAAM,CAAC,MAAM,EACL,MAAM,CAAC,MAAM,EAMzC,UAAC,EAAsC;QAApC,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IACrC,IAAI,CAAC,SAAS,EAAE;QACd,IAAI,OAAO,EAAE;YACX,OAAO,GAAG,yrBAAA,gBACJ,EAAa,6EAGO,EAAa,iCACjB,EAAa,0BACpB,EAAY,iDAGjB,EAAa,maAStB,KAjBK,aAAa,EAGO,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,KAAK,EAGjB,aAAa,EAStB;SACF;QACD,OAAO,GAAG,gQAAA,cACJ,EAAa,6EAGO,EAAa,+BACjB,EAAa,wBACpB,EAAa,mCAG3B,KARK,aAAa,EAGO,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAG3B;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,8KAAA,MAClC,EAA2B,mGAM9B,KANG,mBAAmB,CAAC,MAAM,CAAC,CAM9B,CAAA"}

package/dist/esm/components/_storyHelpers_/mocks/pillSelectMockData.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import { PillColor } from '../../Pill';
 export declare const mockOptions: {
     id: string;
     label: string;
-    color: string;
+    color: PillColor;
 }[];

package/dist/esm/components/_storyHelpers_/mocks/pillSelectMockData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pillSelectMockData.js","sourceRoot":"","sources":["../../../../../src/components/_storyHelpers_/mocks/pillSelectMockData.ts"],"names":[],"mappings":"~~AAAA~~,MAAM,CAAC,IAAM,WAAW,~~GAAG~~;~~IACzB~~,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE;IACnD,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;IACzC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE;IACpD,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;IACvD;QACE,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,yDAAyD;QAChE,KAAK,EAAE,OAAO;KACf;CACF,CAAA"}
1	+ {"version":3,"file":"pillSelectMockData.js","sourceRoot":"","sources":["../../../../../src/components/_storyHelpers_/mocks/pillSelectMockData.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,WAAW,GAAsD;IAC5E,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE;IACnD,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE;IACzC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE;IACpD,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;IACvD;QACE,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,yDAAyD;QAChE,KAAK,EAAE,OAAO;KACf;CACF,CAAA"}

package/dist/typedoc/components/Avatar/Avatar.types.json CHANGED Viewed

@@ -10,7 +10,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a6a2d79b4/packages/core-react/src/utils/types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L40"
       },
       {
         "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/a6a2d79b4/packages/core-react/src/utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L45"
       },
       {
         "name": "icon",
@@ -32,7 +32,7 @@
         "deprecated": "\n\nThe `string` type icon has been deprecated and will be removed in the future.\nPlease use a React icon component from the `@procore/core-icons/dist` package.\n\n**Before**\n\n```\n<Avatar>\n  <Avatar.Icon icon=\"building\" />\n</Avatar>\n```\n\n**After**\n\n```\n<Avatar>\n  <Avatar.Icon icon={<Building />} />\n</Avatar>\n```\n",
         "deprecatedSince": "10.20.0",
         "sourceFile": "packages/core-react/src/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a6a2d79b4/packages/core-react/src/components/Avatar/Avatar.types.ts#L71"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/components/Avatar/Avatar.types.ts#L71"
       },
       {
         "name": "style",
@@ -42,7 +42,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/a6a2d79b4/packages/core-react/src/utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L50"
       }
     ],
     "description": ""
@@ -58,7 +58,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a6a2d79b4/packages/core-react/src/utils/types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L40"
       },
       {
         "name": "className",
@@ -68,7 +68,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/a6a2d79b4/packages/core-react/src/utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L45"
       },
       {
         "name": "style",
@@ -78,7 +78,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/a6a2d79b4/packages/core-react/src/utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L50"
       }
     ],
     "description": ""
@@ -94,7 +94,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a6a2d79b4/packages/core-react/src/utils/types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L40"
       },
       {
         "name": "className",
@@ -104,7 +104,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/a6a2d79b4/packages/core-react/src/utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L45"
       },
       {
         "name": "imageUrl",
@@ -114,7 +114,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/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a6a2d79b4/packages/core-react/src/components/Avatar/Avatar.types.ts#L79"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/components/Avatar/Avatar.types.ts#L79"
       },
       {
         "name": "style",
@@ -124,7 +124,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/a6a2d79b4/packages/core-react/src/utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L50"
       }
     ],
     "description": ""
@@ -140,7 +140,7 @@
         "description": "Instead of using the default children, you can pass in your own.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a6a2d79b4/packages/core-react/src/utils/types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L40"
       },
       {
         "name": "className",
@@ -150,7 +150,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/a6a2d79b4/packages/core-react/src/utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L45"
       },
       {
         "name": "clickable",
@@ -161,7 +161,7 @@
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the avatar&#39;s clickable state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
         "defaultValue": "false\n",
         "sourceFile": "packages/core-react/src/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a6a2d79b4/packages/core-react/src/components/Avatar/Avatar.types.ts#L12"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/components/Avatar/Avatar.types.ts#L12"
       },
       {
         "name": "disabled",
@@ -172,7 +172,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/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a6a2d79b4/packages/core-react/src/components/Avatar/Avatar.types.ts#L18"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/components/Avatar/Avatar.types.ts#L18"
       },
       {
         "name": "size",
@@ -185,7 +185,7 @@
         "deprecated": "\n\nSize \"xl\" has 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/components/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a6a2d79b4/packages/core-react/src/components/Avatar/Avatar.types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/components/Avatar/Avatar.types.ts#L40"
       },
       {
         "name": "style",
@@ -195,7 +195,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/a6a2d79b4/packages/core-react/src/utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/033e9516b/packages/core-react/src/utils/types.ts#L50"
       }
     ],
     "description": ""