@procore/core-react 11.4.1-rc.0 → 11.5.0-rc.0

package/dist/Checkbox/Checkbox.js

@@ -39,7 +39,7 @@ import { StyledCheckboxContainer, StyledCheckboxInput, StyledCheckboxLabel, Styl
 export var Checkbox = React.forwardRef(function Checkbox(_a, ref) {
     var checked = _a.checked, children = _a.children, className = _a.className, _b = _a.error, error = _b === void 0 ? false : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, style = _a.style, props = __rest(_a, ["checked", "children", "className", "error", "indeterminate", "style"]);
     return (React.createElement(StyledCheckboxContainer, { className: className, style: style },
-        React.createElement(StyledCheckboxInput, __assign({}, props, { type: "checkbox", checked: checked, "$error": error, "$indeterminate": indeterminate, ref: ref })),
+        React.createElement(StyledCheckboxInput, __assign({}, props, { "aria-checked": indeterminate ? 'mixed' : checked, type: "checkbox", checked: checked, "$error": error, "$indeterminate": indeterminate, ref: ref })),
         React.createElement(StyledCheckboxLabel, null, children)));
 });
 Checkbox.displayName = 'Checkbox';

package/dist/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,mBAAmB,CAAA;AAG1B;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,QAAQ,CACf,EAQC,EACD,GAAG;IARD,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,KAAK,WAAA,EACF,KAAK,cAPV,uEAQC,CADS;IAIV,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QACzD,oBAAC,mBAAmB,eACd,KAAK,IACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,YACR,KAAK,oBACG,aAAa,EAC7B,GAAG,EAAE,GAAG,IACR;QACF,oBAAC,mBAAmB,QAAE,QAAQ,CAAuB,CAC7B,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC;;;;;GAKG;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CACnB,EASC,EACD,GAAG;IATD,IAAA,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,KAAK,WAAA,EACF,KAAK,cARV,mFASC,CADS;IAIV,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QACzD,oBAAC,uBAAuB,eAClB,KAAK,gBACC,OAAO,eACN,QAAQ,YACX,KAAK,oBACG,aAAa,EAC7B,GAAG,EAAE,GAAG,IACR;QACF,oBAAC,uBAAuB,QAAE,QAAQ,CAA2B,CACrC,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,mBAAmB,CAAA;AAG1B;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,SAAS,QAAQ,CACf,EAQC,EACD,GAAG;IARD,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,KAAK,WAAA,EACF,KAAK,cAPV,uEAQC,CADS;IAIV,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QACzD,oBAAC,mBAAmB,eACd,KAAK,oBACK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAC/C,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,YACR,KAAK,oBACG,aAAa,EAC7B,GAAG,EAAE,GAAG,IACR;QACF,oBAAC,mBAAmB,QAAE,QAAQ,CAAuB,CAC7B,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC;;;;;GAKG;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CACnB,EASC,EACD,GAAG;IATD,IAAA,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,KAAK,WAAA,EACF,KAAK,cARV,mFASC,CADS;IAIV,OAAO,CACL,oBAAC,uBAAuB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;QACzD,oBAAC,uBAAuB,eAClB,KAAK,gBACC,OAAO,eACN,QAAQ,YACX,KAAK,oBACG,aAAa,EAC7B,GAAG,EAAE,GAAG,IACR;QACF,oBAAC,uBAAuB,QAAE,QAAQ,CAA2B,CACrC,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/SegmentedController/SegmentedController.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { ButtonAttributes, DivAttributes } from '../_utils/types';
 import { SegmentedControllerProps, SegmentedControllerSegmentProps, SegmentedControllerTooltipProps } from './SegmentedController.types';
-export declare const Segment: React.ForwardRefExoticComponent<ButtonAttributes & SegmentedControllerSegmentProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Segment: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps & React.RefAttributes<HTMLInputElement>>;
 /**
  * @deprecated
  *
@@ -84,8 +83,8 @@ export declare const State: (props: any) => JSX.Element;
  @see [Design Guidelines](https://design.procore.com/segmented-controller)
 
  */
-export declare const SegmentedController: React.ForwardRefExoticComponent<Omit<DivAttributes, "onChange"> & SegmentedControllerProps & React.RefAttributes<HTMLDivElement>> & {
-    Segment: React.ForwardRefExoticComponent<ButtonAttributes & SegmentedControllerSegmentProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const SegmentedController: React.ForwardRefExoticComponent<SegmentedControllerProps & React.RefAttributes<HTMLDivElement>> & {
+    Segment: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps & React.RefAttributes<HTMLInputElement>>;
     State: (props: any) => JSX.Element;
     Tooltip: React.ForwardRefExoticComponent<SegmentedControllerTooltipProps & React.RefAttributes<HTMLElement>>;
 };

package/dist/SegmentedController/SegmentedController.js

@@ -20,33 +20,67 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { useFocusRing } from '@react-aria/focus';
+import { useRadio, useRadioGroup } from '@react-aria/radio';
+import { mergeProps, useId } from '@react-aria/utils';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
 import React from 'react';
+import { useRadioGroupState } from 'react-stately';
 import { Tooltip as TooltipBase } from '../Tooltip/Tooltip';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { StyledContainer, StyledLabel, StyledSegment, StyledSegmentDisabledInteractiveWrapper, } from './SegmentedController.styles';
-function noop() { }
 function isSegment(node) {
-    return typeof node === 'object' && node.type === Segment;
+    return (React.isValidElement(node) &&
+        node.type === Segment);
 }
+var RadioButtonContext = React.createContext(null);
 var SegmentedController_ = React.forwardRef(function SegmentedController(_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.block, block = _b === void 0 ? false : _b, active = _a.active, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.onChange, onChange = _d === void 0 ? noop : _d, props = __rest(_a, ["children", "className", "block", "active", "disabled", "onChange"]);
-    return (React.createElement(StyledContainer, __assign({ block: block, ref: ref }, props), React.Children.toArray(children)
-        .filter(function (child) { return isSegment(child); })
-        .map(function (child, i) {
-        return React.cloneElement(child, {
-            active: active === i || child.props.active,
-            disabled: disabled || child.props.disabled,
-            onClick: child.props.onClick
-                ? child.props.onClick
-                : function () { return onChange === null || onChange === void 0 ? void 0 : onChange(i); },
-        });
-    })));
+    var children = _a.children, _b = _a.block, block = _b === void 0 ? false : _b, disabled = _a.disabled, onChange = _a.onChange, props = __rest(_a, ["children", "block", "disabled", "onChange"]);
+    var name = useId();
+    var radioGroupState = useRadioGroupState({
+        name: name,
+        isDisabled: disabled,
+        onChange: function (rawValue) {
+            var num = Number(rawValue);
+            var value = !isNaN(num) ? num : rawValue;
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        },
+    });
+    var radioGroupProps = useRadioGroup({ orientation: 'horizontal' }, radioGroupState).radioGroupProps;
+    return (React.createElement(StyledContainer, __assign({ ref: ref, block: block }, radioGroupProps, props),
+        React.createElement(RadioButtonContext.Provider, { value: radioGroupState }, React.Children.toArray(children)
+            .filter(function (child) { return isSegment(child); })
+            .map(function (child, index) {
+            return React.cloneElement(child, {
+                internalIndex: index,
+            });
+        }))));
 });
 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"]);
+    var active = _a.active, children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, tooltip = _a.tooltip, disabled = _a.disabled, value = _a.value, internalIndex = _a.internalIndex, props = __rest(_a, ["active", "children", "placement", "tooltip", "disabled", "value", "internalIndex"]);
+    var adjustedValue = String(value !== null && value !== void 0 ? value : internalIndex);
+    var state = React.useContext(RadioButtonContext);
+    var adjustedState = React.useMemo(function () {
+        var _a;
+        return (_a = state) !== null && _a !== void 0 ? _a : {};
+    }, [state]);
+    var innerRef = React.useRef(null);
+    var actualRef = ref !== null && ref !== void 0 ? ref : innerRef;
+    var _c = useRadio({
+        isDisabled: disabled !== null && disabled !== void 0 ? disabled : adjustedState.isDisabled,
+        value: adjustedValue,
+    }, adjustedState, actualRef), inputProps = _c.inputProps, isSelected = _c.isSelected, isDisabled = _c.isDisabled;
+    var _d = useFocusRing(), focusProps = _d.focusProps, isFocusVisible = _d.isFocusVisible;
+    React.useEffect(function () {
+        if (active) {
+            adjustedState.setSelectedValue(adjustedValue);
+        }
+    }, [active, adjustedState, adjustedValue]);
     return (React.createElement(Tooltip, { overlay: tooltip, placement: placement },
-        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(StyledSegmentDisabledInteractiveWrapper, null,
+            React.createElement(StyledSegment, { "$focused": isFocusVisible, "$disabled": isDisabled, "$active": isSelected },
+                React.createElement(VisuallyHidden, null,
+                    React.createElement("input", __assign({}, mergeProps(props, inputProps, focusProps), { ref: actualRef }))),
                 React.createElement(StyledLabel, null, children)))));
 });
 /**

package/dist/SegmentedController/SegmentedController.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SegmentedController.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.tsx"],"names":[],"mappings":"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"}

package/dist/SegmentedController/SegmentedController.styles.d.ts

@@ -1,12 +1,10 @@
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {
     block?: boolean | undefined;
 }, 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;
+export declare const StyledSegment: import("styled-components").StyledComponent<"label", any, {
     $disabled: boolean;
+    $focused: boolean;
+    $active: boolean;
 }, never>;
+export declare const StyledSegmentDisabledInteractiveWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/SegmentedController/SegmentedController.styles.js

@@ -14,21 +14,24 @@ export var StyledContainer = styled.div(templateObject_1 || (templateObject_1 =
     var block = _a.block;
     return (block ? '100%' : null);
 });
-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        &: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);
+export var StyledSegment = styled.label(templateObject_6 || (templateObject_6 = __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  &:hover {\n    background-color: ", ";\n    border-color: ", ";\n    color: ", ";\n  }\n\n  ", "\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  &:hover {\n    background-color: ", ";\n    border-color: ", ";\n    color: ", ";\n  }\n\n  ", "\n\n  ", ";\n"])), colors.gray85, spacing.md, colors.white, colors.gray45, colors.gray94, colors.gray85, colors.gray45, function (_a) {
+    var _b = _a.$focused, $focused = _b === void 0 ? false : _b;
+    if ($focused) {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n        z-index: 1;\n      "], ["\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n        z-index: 1;\n      "])), colors.blue40, colors.blue40);
     }
-});
-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);
+}, function (_a) {
+    var _b = _a.$disabled, $disabled = _b === void 0 ? false : _b, _c = _a.$active, $active = _c === void 0 ? false : _c;
+    if ($disabled && $active) {
+        return css(templateObject_3 || (templateObject_3 = __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      "])), colors.gray85, colors.gray85, colors.white);
+    }
+    else if ($disabled) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n      "], ["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n      "])), colors.white, colors.gray85, colors.gray85);
+    }
+    else if ($active) {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        &,\n        &:hover {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n      "], ["\n        &,\n        &:hover {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n      "])), colors.blue50, colors.blue50, colors.white);
     }
 });
-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;
+export var StyledSegmentDisabledInteractiveWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  margin-right: -1px;\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  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  margin-right: -1px;\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"])), StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, borderRadius.md, borderRadius.md);
+export var StyledLabel = styled.span(templateObject_8 || (templateObject_8 = __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, templateObject_8;
 //# sourceMappingURL=SegmentedController.styles.js.map

package/dist/SegmentedController/SegmentedController.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.styles.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SegmentedController.styles.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,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,KAAK,8dAIvC,qEAGoB,EAAa,wJAQpB,EAAU,kDAEH,EAAY,cACvB,EAAa,0CAGA,EAAa,uBACjB,EAAa,gBACpB,EAAa,cAGtB,EAQD,QAEC,EAgCD,KACF,KA9DqB,MAAM,CAAC,MAAM,EAQpB,OAAO,CAAC,EAAE,EAEH,MAAM,CAAC,KAAK,EACvB,MAAM,CAAC,MAAM,EAGA,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAGtB,UAAC,EAAoB;QAAlB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnB,IAAI,QAAQ,EAAE;QACZ,OAAO,GAAG,oKAAA,0BACQ,EAAa,mCACL,EAAa,gCAEtC,KAHiB,MAAM,CAAC,MAAM,EACL,MAAM,CAAC,MAAM,EAEtC;KACF;AACH,CAAC,EAEC,UAAC,EAAsC;QAApC,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IACrC,IAAI,SAAS,IAAI,OAAO,EAAE;QACxB,OAAO,GAAG,uQAAA,oFAIc,EAAa,6BACjB,EAAa,sBACpB,EAAY,uDAGxB,KALuB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,KAAK,EAGxB;KACF;SAAM,IAAI,SAAS,EAAE;QACpB,OAAO,GAAG,4PAAA,oFAIc,EAAY,6BAChB,EAAa,sBACpB,EAAa,4CAEzB,KAJuB,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAEzB;KACF;SAAM,IAAI,OAAO,EAAE;QAClB,OAAO,GAAG,iNAAA,+DAGc,EAAa,6BACjB,EAAa,sBACpB,EAAY,sBAExB,KAJuB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,KAAK,EAExB;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,uCAAuC,GAAG,MAAM,CAAC,GAAG,8XAAA,oHAO/C,EAAa,qCACE,EAAe,mCAClB,EAAe,6BAG5B,EAAa,sCACI,EAAe,oCAClB,EAAe,YAE7C,KATiB,aAAa,EACE,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,EAG5B,aAAa,EACI,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,CAE7C,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,8KAAA,MAClC,EAA2B,mGAM9B,KANG,mBAAmB,CAAC,MAAM,CAAC,CAM9B,CAAA"}

package/dist/SegmentedController/SegmentedController.types.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { Placement, Props } from '../_utils/types';
+import React from 'react';
+import { DivAttributes, Placement, Props } from '../_utils/types';
 /**
  * @deprecated Please use the `active` and `disabled` props
  */
@@ -8,7 +8,7 @@ export declare const segmentedControllerSegmentVariant: {
     readonly disabled: "disabled";
     readonly none: "";
 };
-export interface SegmentedControllerProps extends Props {
+export interface SegmentedControllerProps extends Props, Omit<DivAttributes, 'onChange'> {
     /**
      * The segment is active
      * @since 10.19.0
@@ -24,6 +24,10 @@ export interface SegmentedControllerProps extends Props {
      * @since 10.19.0
      */
     disabled?: boolean;
+    /**
+     * A callback to be called when the radio group value changes
+     * @since 10.19.0
+     */
     onChange?: (active: number) => void;
     /**
      * @deprecated Please use the `block` prop

package/dist/SegmentedController/SegmentedController.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.types.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,IAAM,iCAAiC,GAAG;IAC/C,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,EAAE;CACA,CAAA"}
+{"version":3,"file":"SegmentedController.types.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.types.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,iCAAiC,GAAG;IAC/C,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,EAAE;CACA,CAAA"}

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

@@ -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/28156eb78/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "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/28156eb78/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "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/28156eb78/packages/core-react/src/Avatar/Avatar.types.ts#L49"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/Avatar/Avatar.types.ts#L49"
       },
       {
         "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/28156eb78/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""
@@ -56,7 +56,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/28156eb78/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "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/28156eb78/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "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/28156eb78/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""
@@ -92,7 +92,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/28156eb78/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "name": "className",
@@ -102,7 +102,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/28156eb78/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "name": "imageUrl",
@@ -112,7 +112,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/28156eb78/packages/core-react/src/Avatar/Avatar.types.ts#L57"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/Avatar/Avatar.types.ts#L57"
       },
       {
         "name": "style",
@@ -122,7 +122,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/28156eb78/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""
@@ -138,7 +138,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/28156eb78/packages/core-react/src/_utils/types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L45"
       },
       {
         "name": "className",
@@ -148,7 +148,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/28156eb78/packages/core-react/src/_utils/types.ts#L50"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L50"
       },
       {
         "name": "clickable",
@@ -159,7 +159,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/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/28156eb78/packages/core-react/src/Avatar/Avatar.types.ts#L12"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/Avatar/Avatar.types.ts#L12"
       },
       {
         "name": "disabled",
@@ -170,7 +170,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/28156eb78/packages/core-react/src/Avatar/Avatar.types.ts#L18"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/Avatar/Avatar.types.ts#L18"
       },
       {
         "name": "size",
@@ -183,7 +183,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/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/28156eb78/packages/core-react/src/Avatar/Avatar.types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/Avatar/Avatar.types.ts#L40"
       },
       {
         "name": "style",
@@ -193,7 +193,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/28156eb78/packages/core-react/src/_utils/types.ts#L55"
+        "sourceUrl": "https://github.com/procore/core/blob/0a13b7d4d/packages/core-react/src/_utils/types.ts#L55"
       }
     ],
     "description": ""