@procore/core-react 12.17.4 → 12.17.6

package/dist/Section/Section.js

@@ -1,20 +1,20 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["level"],
   _excluded2 = ["actions", "banner", "children", "className", "expandId", "heading", "initialIsOpen", "pills", "subtext", "assets"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { ChevronDown, ChevronRight } from '@procore/core-icons/dist';
 import cx from 'classnames';
 import React from 'react';

package/dist/Section/Section.styles.js

@@ -5,15 +5,15 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledSectionBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionBanner",
-  componentId: "core-12_17_4__sc-1lxbrwv-0"
+  componentId: "core-12_17_6__sc-1lxbrwv-0"
 })(["margin-bottom:", "px;> * + *{margin-top:", "px;}"], spacing.sm, spacing.sm);
 export var StyledSectionInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionInner",
-  componentId: "core-12_17_4__sc-1lxbrwv-1"
+  componentId: "core-12_17_6__sc-1lxbrwv-1"
 })([""]);
 export var StyledSectionCollapseHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionCollapseHeading",
-  componentId: "core-12_17_4__sc-1lxbrwv-2"
+  componentId: "core-12_17_6__sc-1lxbrwv-2"
 })(["align-self:flex-start;margin-right:", "px;"], spacing.sm);
 export var sectionClassnames = {
   divide: 'section--divide',
@@ -24,11 +24,11 @@ export var sectionClassnames = {
 };
 export var StyledSection = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSection",
-  componentId: "core-12_17_4__sc-1lxbrwv-3"
+  componentId: "core-12_17_6__sc-1lxbrwv-3"
 })(["padding-left:", "px;padding-right:", "px;padding-bottom:", "px;& > ", "{padding-top:", "px;}&.", "{& > ", "{border-top:1px solid ", ";}}&:first-child > ", "{border-top:0;}& &{padding-left:0;padding-right:0;&:first-child > ", "{border-top:1px solid ", ";}&:last-child{padding-bottom:0;}}", ":last-of-type{margin-bottom:", "px;}", " + &&&{padding-top:", "px;}"], spacing.lg, spacing.lg, spacing.lg, StyledSectionInner, spacing.lg, sectionClassnames.divide, StyledSectionInner, colors.gray85, StyledSectionInner, StyledSectionInner, colors.gray85, StyledFormRow, spacing.lg * -1, StyledFormRow, spacing.xs);
 export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionContentRegion",
-  componentId: "core-12_17_4__sc-1lxbrwv-4"
+  componentId: "core-12_17_6__sc-1lxbrwv-4"
 })(["padding-top:", "px;", " ", " & > :not(", ") + ", "{padding-top:", "px;}", " ", " &:last-of-type{padding-bottom:0;}"], spacing.sm, function (_ref) {
   var $closed = _ref.$closed;
   return $closed && css(["padding-top:0;"]);
@@ -38,10 +38,10 @@ export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
 }, StyledSection, StyledSection, spacing.xl, StyledSection, StyledSection);
 export var StyledSectionHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionHeader",
-  componentId: "core-12_17_4__sc-1lxbrwv-5"
+  componentId: "core-12_17_6__sc-1lxbrwv-5"
 })(["align-items:center;display:flex;min-height:36px;word-break:break-word;"]);
 export var StyledTitle = /*#__PURE__*/styled(Title).withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_17_4__sc-1lxbrwv-6"
+  componentId: "core-12_17_6__sc-1lxbrwv-6"
 })(["width:100%;"]);
 //# sourceMappingURL=Section.styles.js.map

package/dist/SegmentedController/SegmentedController.js

@@ -1,22 +1,22 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["aria-label", "aria-labelledby", "children", "block", "disabled", "onChange"],
-  _excluded2 = ["active", "children", "placement", "tooltip", "disabled", "value", "internalIndex"],
+  _excluded2 = ["active", "children", "placement", "tooltip", "disabled", "value", "internalIndex", "selected"],
   _excluded3 = ["children", "overlay"],
   _excluded4 = ["children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { useFocusRing } from '@react-aria/focus';
 import { useRadio, useRadioGroup } from '@react-aria/radio';
 import { mergeProps, useId } from '@react-aria/utils';
@@ -77,6 +77,7 @@ export var Segment = /*#__PURE__*/React.forwardRef(function Segment(_ref2, ref)
     disabled = _ref2.disabled,
     value = _ref2.value,
     internalIndex = _ref2.internalIndex,
+    selected = _ref2.selected,
     props = _objectWithoutProperties(_ref2, _excluded2);
   var adjustedValue = String(value !== null && value !== void 0 ? value : internalIndex);
   var state = React.useContext(RadioButtonContext);
@@ -99,17 +100,17 @@ export var Segment = /*#__PURE__*/React.forwardRef(function Segment(_ref2, ref)
     focusProps = _useFocusRing.focusProps,
     isFocusVisible = _useFocusRing.isFocusVisible;
   React.useEffect(function () {
-    if (active) {
+    if (active || selected) {
       adjustedState.setSelectedValue(adjustedValue);
     }
-  }, [active, adjustedState, adjustedValue]);
+  }, [active, adjustedState, adjustedValue, selected]);
   return /*#__PURE__*/React.createElement(Tooltip, {
     overlay: tooltip,
     placement: placement
   }, /*#__PURE__*/React.createElement(StyledSegmentDisabledInteractiveWrapper, null, /*#__PURE__*/React.createElement(StyledSegment, {
     $focused: isFocusVisible,
     $disabled: isDisabled,
-    $active: active || isSelected
+    $selected: active || selected || isSelected
   }, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", _extends({}, mergeProps(props, inputProps, focusProps), {
     ref: actualRef
   }))), /*#__PURE__*/React.createElement(StyledLabel, null, children))));

package/dist/SegmentedController/SegmentedController.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.js","names":["useFocusRing","useRadio","useRadioGroup","mergeProps","useId","VisuallyHidden","React","useRadioGroupState","Tooltip","TooltipBase","addSubcomponents","StyledContainer","StyledLabel","StyledSegment","StyledSegmentDisabledInteractiveWrapper","isSegment","node","isValidElement","type","Segment","RadioButtonContext","createContext","SegmentedController_","forwardRef","SegmentedController","_ref","ref","ariaLabel","ariaLabelledby","children","_ref$block","block","disabled","onChange","props","_objectWithoutProperties","_excluded","name","radioGroupState","isDisabled","rawValue","num","Number","value","isNaN","_useRadioGroup","orientation","radioGroupProps","createElement","_extends","Provider","Children","toArray","filter","child","map","index","cloneElement","internalIndex","_ref2","active","_ref2$placement","placement","tooltip","_excluded2","adjustedValue","String","state","useContext","adjustedState","useMemo","_ref3","innerRef","useRef","actualRef","_useRadio","inputProps","isSelected","_useFocusRing","focusProps","isFocusVisible","useEffect","setSelectedValue","overlay","$focused","$disabled","$active","_ref4","_excluded3","trigger","Fragment","withState","config","Component","_React$useState","useState","_React$useState2","_slicedToArray","selectedIndex","setSelected","_objectSpread","State","_ref5","_excluded4","displayName"],"sources":["../../src/SegmentedController/SegmentedController.tsx"],"sourcesContent":["import { useFocusRing } from '@react-aria/focus'\nimport { useRadio, useRadioGroup } from '@react-aria/radio'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { RadioGroupState } from 'react-stately'\nimport { useRadioGroupState } from 'react-stately'\nimport { Tooltip as TooltipBase } from '../Tooltip/Tooltip'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledLabel,\n  StyledSegment,\n  StyledSegmentDisabledInteractiveWrapper,\n} from './SegmentedController.styles'\nimport type {\n  SegmentedControllerProps,\n  SegmentedControllerSegmentProps,\n  SegmentedControllerTooltipProps,\n} from './SegmentedController.types'\n\nfunction isSegment(\n  node: unknown\n): node is React.ReactElement<HTMLInputElement> {\n  return (\n    React.isValidElement(node as React.ReactElement) &&\n    (node as React.ReactElement).type === Segment\n  )\n}\n\nconst RadioButtonContext = React.createContext<RadioGroupState | null>(null)\n\nconst SegmentedController_ = React.forwardRef<\n  HTMLDivElement,\n  SegmentedControllerProps\n>(function SegmentedController(\n  {\n    // TODO make label props required in type?\n    // React Aria logs warnings without 1 of 2. Axe does not fail\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    children,\n    block = false,\n    disabled,\n    onChange,\n    ...props\n  },\n  ref\n) {\n  const name = useId()\n  const radioGroupState = useRadioGroupState({\n    name,\n    isDisabled: disabled,\n    onChange: (rawValue) => {\n      const num = Number(rawValue)\n      const value = !isNaN(num) ? num : rawValue\n      onChange?.(value as number)\n    },\n  })\n  const { radioGroupProps } = useRadioGroup(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      orientation: 'horizontal',\n    },\n    radioGroupState\n  )\n  return (\n    <StyledContainer ref={ref} block={block} {...radioGroupProps} {...props}>\n      <RadioButtonContext.Provider value={radioGroupState}>\n        {React.Children.toArray(children)\n          .filter((child) => isSegment(child))\n          .map((child, index) =>\n            React.cloneElement(child as React.ReactElement, {\n              internalIndex: index,\n            })\n          )}\n      </RadioButtonContext.Provider>\n    </StyledContainer>\n  )\n})\n\nexport const Segment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function Segment(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const state = React.useContext(RadioButtonContext)\n  const adjustedState = React.useMemo(() => {\n    return state! ?? {}\n  }, [state])\n\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      isDisabled: disabled ?? adjustedState.isDisabled,\n      value: adjustedValue as string,\n      children,\n    },\n    adjustedState,\n    actualRef as any // TODO fix polymorphic ref type\n  )\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  React.useEffect(() => {\n    if (active) {\n      adjustedState.setSelectedValue(adjustedValue)\n    }\n  }, [active, adjustedState, adjustedValue])\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={isDisabled}\n          $active={active || isSelected}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, inputProps, focusProps)}\n              ref={actualRef}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n/**\n * @deprecated\n *\n * The `SegmentedController.Tooltip` component has been deprecated will be\n * removed in a future version.\n *\n * Tooltips are now built into `SegmentedController.Segment`s, and can be added\n * by configuring the `tooltip` prop.\n *\n * **Before**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Tooltip tooltip=\"Item 1 is the first item\">\n *     <SegmentedController.Segment>\n *       Item 1\n *     </SegmentedController.Segment>\n *   </SegmentedController.Tooltip>\n * </SegmentedController>\n * ```\n *\n * **After**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Segment tooltip=\"Item 1 is the first item\">\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const Tooltip = React.forwardRef<\n  HTMLElement,\n  SegmentedControllerTooltipProps\n>(function Tooltip({ children, overlay, ...props }, ref) {\n  return overlay ? (\n    <TooltipBase {...props} overlay={overlay} ref={ref} trigger=\"hover\">\n      {children}\n    </TooltipBase>\n  ) : (\n    <>{children}</>\n  )\n})\n\nconst withState = (config: any) => (Component: any) => (props: any) => {\n  const [selectedIndex, setSelected] = React.useState(0)\n\n  return <Component {...{ ...props, selectedIndex, setSelected }} />\n}\n\n/**\n * @deprecated\n *\n * This `SegmentedController.State` utility has been deprecated. Please just\n * use a simple state management hook instead.\n *\n *\n * **Before**\n *\n * ```\n * <SegmentedController.State>\n *   {({ selectedIndex, setSelected }) => (\n *     <SegmentedController>\n *       <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>\n *         Item 1\n *       </SegmentedController.Segment>\n *     </SegmentedController>\n *   )}\n * </SegmentedController.State>\n * ```\n *\n * **After**\n *\n * ```\n * const [selected, setSelected] = React.useState(0)\n *\n * <SegmentedController onChange={setSelected}>\n *   <SegmentedController.Segment active={selectedIndex === 0}>\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const State = withState({})(({ children, ...props }: any) =>\n  children(props)\n)\n\nSegmentedController_.displayName = 'SegmentedController'\n\nSegment.displayName = 'SegmentedController.Segment'\n\nTooltip.displayName = 'SegmentedController.Tooltip'\n\n/**\n\n Segmented controllers allow users to switch between related but mutually\n exclusive content or actions.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-segmentedcontroller--demo)\n\n @see [Design Guidelines](https://design.procore.com/segmented-controller)\n\n */\nexport const SegmentedController = addSubcomponents(\n  {\n    Segment,\n    State,\n    Tooltip,\n  },\n  SegmentedController_\n)\n"],"mappings":"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"}
+{"version":3,"file":"SegmentedController.js","names":["useFocusRing","useRadio","useRadioGroup","mergeProps","useId","VisuallyHidden","React","useRadioGroupState","Tooltip","TooltipBase","addSubcomponents","StyledContainer","StyledLabel","StyledSegment","StyledSegmentDisabledInteractiveWrapper","isSegment","node","isValidElement","type","Segment","RadioButtonContext","createContext","SegmentedController_","forwardRef","SegmentedController","_ref","ref","ariaLabel","ariaLabelledby","children","_ref$block","block","disabled","onChange","props","_objectWithoutProperties","_excluded","name","radioGroupState","isDisabled","rawValue","num","Number","value","isNaN","_useRadioGroup","orientation","radioGroupProps","createElement","_extends","Provider","Children","toArray","filter","child","map","index","cloneElement","internalIndex","_ref2","active","_ref2$placement","placement","tooltip","selected","_excluded2","adjustedValue","String","state","useContext","adjustedState","useMemo","_ref3","innerRef","useRef","actualRef","_useRadio","inputProps","isSelected","_useFocusRing","focusProps","isFocusVisible","useEffect","setSelectedValue","overlay","$focused","$disabled","$selected","_ref4","_excluded3","trigger","Fragment","withState","config","Component","_React$useState","useState","_React$useState2","_slicedToArray","selectedIndex","setSelected","_objectSpread","State","_ref5","_excluded4","displayName"],"sources":["../../src/SegmentedController/SegmentedController.tsx"],"sourcesContent":["import { useFocusRing } from '@react-aria/focus'\nimport { useRadio, useRadioGroup } from '@react-aria/radio'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { RadioGroupState } from 'react-stately'\nimport { useRadioGroupState } from 'react-stately'\nimport { Tooltip as TooltipBase } from '../Tooltip/Tooltip'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledLabel,\n  StyledSegment,\n  StyledSegmentDisabledInteractiveWrapper,\n} from './SegmentedController.styles'\nimport type {\n  SegmentedControllerProps,\n  SegmentedControllerSegmentProps,\n  SegmentedControllerTooltipProps,\n} from './SegmentedController.types'\n\nfunction isSegment(\n  node: unknown\n): node is React.ReactElement<HTMLInputElement> {\n  return (\n    React.isValidElement(node as React.ReactElement) &&\n    (node as React.ReactElement).type === Segment\n  )\n}\n\nconst RadioButtonContext = React.createContext<RadioGroupState | null>(null)\n\nconst SegmentedController_ = React.forwardRef<\n  HTMLDivElement,\n  SegmentedControllerProps\n>(function SegmentedController(\n  {\n    // TODO make label props required in type?\n    // React Aria logs warnings without 1 of 2. Axe does not fail\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    children,\n    block = false,\n    disabled,\n    onChange,\n    ...props\n  },\n  ref\n) {\n  const name = useId()\n  const radioGroupState = useRadioGroupState({\n    name,\n    isDisabled: disabled,\n    onChange: (rawValue) => {\n      const num = Number(rawValue)\n      const value = !isNaN(num) ? num : rawValue\n      onChange?.(value as number)\n    },\n  })\n  const { radioGroupProps } = useRadioGroup(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      orientation: 'horizontal',\n    },\n    radioGroupState\n  )\n  return (\n    <StyledContainer ref={ref} block={block} {...radioGroupProps} {...props}>\n      <RadioButtonContext.Provider value={radioGroupState}>\n        {React.Children.toArray(children)\n          .filter((child) => isSegment(child))\n          .map((child, index) =>\n            React.cloneElement(child as React.ReactElement, {\n              internalIndex: index,\n            })\n          )}\n      </RadioButtonContext.Provider>\n    </StyledContainer>\n  )\n})\n\nexport const Segment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function Segment(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    selected,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const state = React.useContext(RadioButtonContext)\n  const adjustedState = React.useMemo(() => {\n    return state! ?? {}\n  }, [state])\n\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      isDisabled: disabled ?? adjustedState.isDisabled,\n      value: adjustedValue as string,\n      children,\n    },\n    adjustedState,\n    actualRef as any // TODO fix polymorphic ref type\n  )\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  React.useEffect(() => {\n    if (active || selected) {\n      adjustedState.setSelectedValue(adjustedValue)\n    }\n  }, [active, adjustedState, adjustedValue, selected])\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={isDisabled}\n          $selected={active || selected || isSelected}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, inputProps, focusProps)}\n              ref={actualRef}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n/**\n * @deprecated\n *\n * The `SegmentedController.Tooltip` component has been deprecated will be\n * removed in a future version.\n *\n * Tooltips are now built into `SegmentedController.Segment`s, and can be added\n * by configuring the `tooltip` prop.\n *\n * **Before**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Tooltip tooltip=\"Item 1 is the first item\">\n *     <SegmentedController.Segment>\n *       Item 1\n *     </SegmentedController.Segment>\n *   </SegmentedController.Tooltip>\n * </SegmentedController>\n * ```\n *\n * **After**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Segment tooltip=\"Item 1 is the first item\">\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const Tooltip = React.forwardRef<\n  HTMLElement,\n  SegmentedControllerTooltipProps\n>(function Tooltip({ children, overlay, ...props }, ref) {\n  return overlay ? (\n    <TooltipBase {...props} overlay={overlay} ref={ref} trigger=\"hover\">\n      {children}\n    </TooltipBase>\n  ) : (\n    <>{children}</>\n  )\n})\n\nconst withState = (config: any) => (Component: any) => (props: any) => {\n  const [selectedIndex, setSelected] = React.useState(0)\n\n  return <Component {...{ ...props, selectedIndex, setSelected }} />\n}\n\n/**\n * @deprecated\n *\n * This `SegmentedController.State` utility has been deprecated. Please just\n * use a simple state management hook instead.\n *\n *\n * **Before**\n *\n * ```\n * <SegmentedController.State>\n *   {({ selectedIndex, setSelected }) => (\n *     <SegmentedController>\n *       <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>\n *         Item 1\n *       </SegmentedController.Segment>\n *     </SegmentedController>\n *   )}\n * </SegmentedController.State>\n * ```\n *\n * **After**\n *\n * ```\n * const [selected, setSelected] = React.useState(0)\n *\n * <SegmentedController onChange={setSelected}>\n *   <SegmentedController.Segment active={selectedIndex === 0}>\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const State = withState({})(({ children, ...props }: any) =>\n  children(props)\n)\n\nSegmentedController_.displayName = 'SegmentedController'\n\nSegment.displayName = 'SegmentedController.Segment'\n\nTooltip.displayName = 'SegmentedController.Tooltip'\n\n/**\n\n Segmented controllers allow users to switch between related but mutually\n exclusive content or actions.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-segmentedcontroller--demo)\n\n @see [Design Guidelines](https://design.procore.com/segmented-controller)\n\n */\nexport const SegmentedController = addSubcomponents(\n  {\n    Segment,\n    State,\n    Tooltip,\n  },\n  SegmentedController_\n)\n"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ export declare const StyledContainer: import("styled-components").StyledComponen
 export declare const StyledSegment: import("styled-components").StyledComponent<"label", any, {
     $disabled: boolean;
     $focused: boolean;
-    $active: boolean;
+    $selected: 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

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_17_4__sc-ocai3-0"
+  componentId: "core-12_17_6__sc-ocai3-0"
 })(["align-items:center;display:", ";height:36px;justify-content:center;width:", ";"], function (_ref) {
   var block = _ref.block;
   return block ? 'flex' : 'inline-flex';
@@ -15,7 +15,7 @@ export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
   displayName: "StyledSegment",
-  componentId: "core-12_17_4__sc-ocai3-1"
+  componentId: "core-12_17_6__sc-ocai3-1"
 })(["align-items:center;border-radius:0;border:1px solid ", ";cursor:pointer;display:flex;flex:1 1 auto;height:100%;justify-content:center;min-width:0;outline:0;padding:0 ", "px;position:relative;background-color:", ";color:", ";&:hover{background-color:", ";border-color:", ";color:", ";}", " ", ";"], colors.gray85, spacing.md, colors.white, colors.gray45, colors.gray94, colors.gray85, colors.gray45, function (_ref3) {
   var _ref3$$focused = _ref3.$focused,
     $focused = _ref3$$focused === void 0 ? false : _ref3$$focused;
@@ -25,22 +25,22 @@ export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
 }, function (_ref4) {
   var _ref4$$disabled = _ref4.$disabled,
     $disabled = _ref4$$disabled === void 0 ? false : _ref4$$disabled,
-    _ref4$$active = _ref4.$active,
-    $active = _ref4$$active === void 0 ? false : _ref4$$active;
-  if ($disabled && $active) {
+    _ref4$$selected = _ref4.$selected,
+    $selected = _ref4$$selected === void 0 ? false : _ref4$$selected;
+  if ($disabled && $selected) {
     return css(["&,&:hover,&:disabled{background-color:", ";border-color:", ";color:", ";pointer-events:none;}"], colors.gray85, colors.gray85, colors.white);
   } else if ($disabled) {
     return css(["&,&:hover,&:disabled{background-color:", ";border-color:", ";color:", ";pointer-events:none;"], colors.white, colors.gray85, colors.gray85);
-  } else if ($active) {
+  } else if ($selected) {
     return css(["&,&:hover{background-color:", ";border-color:", ";color:", ";}"], colors.blue50, colors.blue50, colors.white);
   }
 });
 export var StyledSegmentDisabledInteractiveWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSegmentDisabledInteractiveWrapper",
-  componentId: "core-12_17_4__sc-ocai3-2"
+  componentId: "core-12_17_6__sc-ocai3-2"
 })(["display:flex;flex:1 1 auto;min-width:0;height:100%;margin-right:-1px;&:first-child ", "{border-bottom-left-radius:", "px;border-top-left-radius:", "px;}&:last-child ", "{border-bottom-right-radius:", "px;border-top-right-radius:", "px;}"], StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, borderRadius.md, borderRadius.md);
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_17_4__sc-ocai3-3"
+  componentId: "core-12_17_6__sc-ocai3-3"
 })(["", ";display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"], getTypographyIntent('body'));
 //# sourceMappingURL=SegmentedController.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.styles.js","names":["styled","css","getTypographyIntent","borderRadius","colors","spacing","StyledContainer","div","withConfig","displayName","componentId","_ref","block","_ref2","StyledSegment","label","gray85","md","white","gray45","gray94","_ref3","_ref3$$focused","$focused","blue40","_ref4","_ref4$$disabled","$disabled","_ref4$$active","$active","blue50","StyledSegmentDisabledInteractiveWrapper","StyledLabel","span"],"sources":["../../src/SegmentedController/SegmentedController.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledContainer = styled.div<{ block?: boolean }>`\n  align-items: center;\n  display: ${({ block }) => (block ? 'flex' : 'inline-flex')};\n  height: 36px;\n  justify-content: center;\n  width: ${({ block }) => (block ? '100%' : null)};\n`\n\nexport const StyledSegment = styled.label<{\n  $disabled: boolean\n  $focused: boolean\n  $active: boolean\n}>`\n  align-items: center;\n  border-radius: 0;\n  border: 1px solid ${colors.gray85};\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 ${spacing.md}px;\n  position: relative;\n  background-color: ${colors.white};\n  color: ${colors.gray45};\n\n  &:hover {\n    background-color: ${colors.gray94};\n    border-color: ${colors.gray85};\n    color: ${colors.gray45};\n  }\n\n  ${({ $focused = false }) => {\n    if ($focused) {\n      return css`\n        border-color: ${colors.blue40};\n        box-shadow: 0 0 0 1px ${colors.blue40};\n        z-index: 1;\n      `\n    }\n  }}\n\n  ${({ $disabled = false, $active = false }) => {\n    if ($disabled && $active) {\n      return css`\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ${colors.gray85};\n          border-color: ${colors.gray85};\n          color: ${colors.white};\n          pointer-events: none;\n        }\n      `\n    } else if ($disabled) {\n      return css`\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ${colors.white};\n          border-color: ${colors.gray85};\n          color: ${colors.gray85};\n          pointer-events: none;\n      `\n    } else if ($active) {\n      return css`\n        &,\n        &:hover {\n          background-color: ${colors.blue50};\n          border-color: ${colors.blue50};\n          color: ${colors.white};\n        }\n      `\n    }\n  }};\n`\n\nexport const StyledSegmentDisabledInteractiveWrapper = styled.div`\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  margin-right: -1px;\n\n  &:first-child ${StyledSegment} {\n    border-bottom-left-radius: ${borderRadius.md}px;\n    border-top-left-radius: ${borderRadius.md}px;\n  }\n\n  &:last-child ${StyledSegment} {\n    border-bottom-right-radius: ${borderRadius.md}px;\n    border-top-right-radius: ${borderRadius.md}px;\n  }\n`\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')};\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uFAE5B,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQA,KAAK,GAAG,MAAM,GAAG,aAAa;AAAA,CAAC,EAGjD,UAAAC,KAAA;EAAA,IAAGD,KAAK,GAAAC,KAAA,CAALD,KAAK;EAAA,OAAQA,KAAK,GAAG,MAAM,GAAG,IAAI;AAAA,CAAC,CAChD;AAED,OAAO,IAAME,aAAa,gBAAGd,MAAM,CAACe,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+SAOnBN,MAAM,CAACY,MAAM,EAQpBX,OAAO,CAACY,EAAE,EAEHb,MAAM,CAACc,KAAK,EACvBd,MAAM,CAACe,MAAM,EAGAf,MAAM,CAACgB,MAAM,EACjBhB,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACe,MAAM,EAGtB,UAAAE,KAAA,EAA0B;EAAA,IAAAC,cAAA,GAAAD,KAAA,CAAvBE,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;EACnB,IAAIC,QAAQ,EAAE;IACZ,OAAOtB,GAAG,6DACQG,MAAM,CAACoB,MAAM,EACLpB,MAAM,CAACoB,MAAM;EAGzC;AACF,CAAC,EAEC,UAAAC,KAAA,EAA4C;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAzCE,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAH,KAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EACrC,IAAID,SAAS,IAAIE,OAAO,EAAE;IACxB,OAAO5B,GAAG,oGAIcG,MAAM,CAACY,MAAM,EACjBZ,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACc,KAAK;EAI3B,CAAC,MAAM,IAAIS,SAAS,EAAE;IACpB,OAAO1B,GAAG,mGAIcG,MAAM,CAACc,KAAK,EAChBd,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACY,MAAM;EAG5B,CAAC,MAAM,IAAIa,OAAO,EAAE;IAClB,OAAO5B,GAAG,qEAGcG,MAAM,CAAC0B,MAAM,EACjB1B,MAAM,CAAC0B,MAAM,EACpB1B,MAAM,CAACc,KAAK;EAG3B;AACF,CAAC,CACF;AAED,OAAO,IAAMa,uCAAuC,gBAAG/B,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qPAO/CI,aAAa,EACEX,YAAY,CAACc,EAAE,EAClBd,YAAY,CAACc,EAAE,EAG5BH,aAAa,EACIX,YAAY,CAACc,EAAE,EAClBd,YAAY,CAACc,EAAE,CAE7C;AAED,OAAO,IAAMe,WAAW,gBAAGhC,MAAM,CAACiC,IAAI,CAAAzB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sFAClCR,mBAAmB,CAAC,MAAM,CAAC,CAM9B"}
+{"version":3,"file":"SegmentedController.styles.js","names":["styled","css","getTypographyIntent","borderRadius","colors","spacing","StyledContainer","div","withConfig","displayName","componentId","_ref","block","_ref2","StyledSegment","label","gray85","md","white","gray45","gray94","_ref3","_ref3$$focused","$focused","blue40","_ref4","_ref4$$disabled","$disabled","_ref4$$selected","$selected","blue50","StyledSegmentDisabledInteractiveWrapper","StyledLabel","span"],"sources":["../../src/SegmentedController/SegmentedController.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledContainer = styled.div<{ block?: boolean }>`\n  align-items: center;\n  display: ${({ block }) => (block ? 'flex' : 'inline-flex')};\n  height: 36px;\n  justify-content: center;\n  width: ${({ block }) => (block ? '100%' : null)};\n`\n\nexport const StyledSegment = styled.label<{\n  $disabled: boolean\n  $focused: boolean\n  $selected: boolean\n}>`\n  align-items: center;\n  border-radius: 0;\n  border: 1px solid ${colors.gray85};\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 ${spacing.md}px;\n  position: relative;\n  background-color: ${colors.white};\n  color: ${colors.gray45};\n\n  &:hover {\n    background-color: ${colors.gray94};\n    border-color: ${colors.gray85};\n    color: ${colors.gray45};\n  }\n\n  ${({ $focused = false }) => {\n    if ($focused) {\n      return css`\n        border-color: ${colors.blue40};\n        box-shadow: 0 0 0 1px ${colors.blue40};\n        z-index: 1;\n      `\n    }\n  }}\n\n  ${({ $disabled = false, $selected = false }) => {\n    if ($disabled && $selected) {\n      return css`\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ${colors.gray85};\n          border-color: ${colors.gray85};\n          color: ${colors.white};\n          pointer-events: none;\n        }\n      `\n    } else if ($disabled) {\n      return css`\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ${colors.white};\n          border-color: ${colors.gray85};\n          color: ${colors.gray85};\n          pointer-events: none;\n      `\n    } else if ($selected) {\n      return css`\n        &,\n        &:hover {\n          background-color: ${colors.blue50};\n          border-color: ${colors.blue50};\n          color: ${colors.white};\n        }\n      `\n    }\n  }};\n`\n\nexport const StyledSegmentDisabledInteractiveWrapper = styled.div`\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  margin-right: -1px;\n\n  &:first-child ${StyledSegment} {\n    border-bottom-left-radius: ${borderRadius.md}px;\n    border-top-left-radius: ${borderRadius.md}px;\n  }\n\n  &:last-child ${StyledSegment} {\n    border-bottom-right-radius: ${borderRadius.md}px;\n    border-top-right-radius: ${borderRadius.md}px;\n  }\n`\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')};\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uFAE5B,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQA,KAAK,GAAG,MAAM,GAAG,aAAa;AAAA,CAAC,EAGjD,UAAAC,KAAA;EAAA,IAAGD,KAAK,GAAAC,KAAA,CAALD,KAAK;EAAA,OAAQA,KAAK,GAAG,MAAM,GAAG,IAAI;AAAA,CAAC,CAChD;AAED,OAAO,IAAME,aAAa,gBAAGd,MAAM,CAACe,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+SAOnBN,MAAM,CAACY,MAAM,EAQpBX,OAAO,CAACY,EAAE,EAEHb,MAAM,CAACc,KAAK,EACvBd,MAAM,CAACe,MAAM,EAGAf,MAAM,CAACgB,MAAM,EACjBhB,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACe,MAAM,EAGtB,UAAAE,KAAA,EAA0B;EAAA,IAAAC,cAAA,GAAAD,KAAA,CAAvBE,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;EACnB,IAAIC,QAAQ,EAAE;IACZ,OAAOtB,GAAG,6DACQG,MAAM,CAACoB,MAAM,EACLpB,MAAM,CAACoB,MAAM;EAGzC;AACF,CAAC,EAEC,UAAAC,KAAA,EAA8C;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAA3CE,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAH,KAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;EACvC,IAAID,SAAS,IAAIE,SAAS,EAAE;IAC1B,OAAO5B,GAAG,oGAIcG,MAAM,CAACY,MAAM,EACjBZ,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACc,KAAK;EAI3B,CAAC,MAAM,IAAIS,SAAS,EAAE;IACpB,OAAO1B,GAAG,mGAIcG,MAAM,CAACc,KAAK,EAChBd,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACY,MAAM;EAG5B,CAAC,MAAM,IAAIa,SAAS,EAAE;IACpB,OAAO5B,GAAG,qEAGcG,MAAM,CAAC0B,MAAM,EACjB1B,MAAM,CAAC0B,MAAM,EACpB1B,MAAM,CAACc,KAAK;EAG3B;AACF,CAAC,CACF;AAED,OAAO,IAAMa,uCAAuC,gBAAG/B,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qPAO/CI,aAAa,EACEX,YAAY,CAACc,EAAE,EAClBd,YAAY,CAACc,EAAE,EAG5BH,aAAa,EACIX,YAAY,CAACc,EAAE,EAClBd,YAAY,CAACc,EAAE,CAE7C;AAED,OAAO,IAAMe,WAAW,gBAAGhC,MAAM,CAACiC,IAAI,CAAAzB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sFAClCR,mBAAmB,CAAC,MAAM,CAAC,CAM9B"}

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

@@ -13,6 +13,8 @@ export interface SegmentedControllerProps extends Props, Omit<DivAttributes, 'on
     /**
      * The segment is active
      * @since 10.19.0
+     * @deprecated The property is not used anywhere
+     * @deprecatedSince 12.18.0
      * */
     active?: number;
     /**
@@ -29,7 +31,7 @@ export interface SegmentedControllerProps extends Props, Omit<DivAttributes, 'on
      * A callback to be called when the radio group value changes
      * @since 10.19.0
      */
-    onChange?: (active: number) => void;
+    onChange?: (selected: number) => void;
     /**
      * @deprecated Please use the `block` prop
      * @deprecatedSince 11
@@ -41,6 +43,8 @@ export interface SegmentedControllerSegmentProps extends Props {
     /**
      * The segment is active
      * @since 10.19.0
+     * @deprecated Use `selected` instead
+     * @deprecatedSince 12.18.0
      */
     active?: boolean;
     /**
@@ -53,6 +57,11 @@ export interface SegmentedControllerSegmentProps extends Props {
      * @since 10.19.0
      */
     placement?: Placement;
+    /**
+     * The segment is selected
+     * @since 12.18.0
+     * */
+    selected?: boolean;
     /**
      * The tooltip we want to display on hover
      * @since 10.19.0

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.types.js","names":["segmentedControllerSegmentVariant","active","disabled","none"],"sources":["../../src/SegmentedController/SegmentedController.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { DivAttributes, Placement, Props } from '../_utils/types'\n\n/**\n * @deprecated Please use the `active` and `disabled` props\n * @deprecatedSince 11\n */\nexport const segmentedControllerSegmentVariant = {\n  active: 'active',\n  disabled: 'disabled',\n  none: '',\n} as const\n\nexport interface SegmentedControllerProps\n  extends Props,\n    Omit<DivAttributes, 'onChange'> {\n  /**\n   * The segment is active\n   * @since 10.19.0\n   * */\n  active?: number\n\n  /**\n   * The segment controller is block sized\n   * @since 10.19.0\n   */\n  block?: boolean\n\n  /**\n   * Disables all segments in the controller\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * A callback to be called when the radio group value changes\n   * @since 10.19.0\n   */\n  onChange?: (active: number) => void\n\n  /**\n   * @deprecated Please use the `block` prop\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: 'block' | ''\n}\n\nexport interface SegmentedControllerSegmentProps extends Props {\n  /**\n   * The segment is active\n   * @since 10.19.0\n   */\n  active?: boolean\n\n  /**\n   * Is the segment disabled\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * To change the tooltip placement\n   * @since 10.19.0\n   */\n  placement?: Placement\n\n  /**\n   * The tooltip we want to display on hover\n   * @since 10.19.0\n   */\n  tooltip?: React.ReactNode\n\n  /**\n   * A number to be used as radio input value\n   * @internal\n   * @since 11.3.0\n   */\n  internalIndex?: number\n}\n\nexport interface SegmentedControllerTooltipProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  overlay?: any\n  /**\n   * @since 10.19.0\n   */\n  placement: Placement\n}\n"],"mappings":"AAGA;AACA;AACA;AACA;AACA,OAAO,IAAMA,iCAAiC,GAAG;EAC/CC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE;AACR,CAAU"}
+{"version":3,"file":"SegmentedController.types.js","names":["segmentedControllerSegmentVariant","active","disabled","none"],"sources":["../../src/SegmentedController/SegmentedController.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { DivAttributes, Placement, Props } from '../_utils/types'\n\n/**\n * @deprecated Please use the `active` and `disabled` props\n * @deprecatedSince 11\n */\nexport const segmentedControllerSegmentVariant = {\n  active: 'active',\n  disabled: 'disabled',\n  none: '',\n} as const\n\nexport interface SegmentedControllerProps\n  extends Props,\n    Omit<DivAttributes, 'onChange'> {\n  /**\n   * The segment is active\n   * @since 10.19.0\n   * @deprecated The property is not used anywhere\n   * @deprecatedSince 12.18.0\n   * */\n  active?: number\n\n  /**\n   * The segment controller is block sized\n   * @since 10.19.0\n   */\n  block?: boolean\n\n  /**\n   * Disables all segments in the controller\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * A callback to be called when the radio group value changes\n   * @since 10.19.0\n   */\n  onChange?: (selected: number) => void\n\n  /**\n   * @deprecated Please use the `block` prop\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: 'block' | ''\n}\n\nexport interface SegmentedControllerSegmentProps extends Props {\n  /**\n   * The segment is active\n   * @since 10.19.0\n   * @deprecated Use `selected` instead\n   * @deprecatedSince 12.18.0\n   */\n  active?: boolean\n\n  /**\n   * Is the segment disabled\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * To change the tooltip placement\n   * @since 10.19.0\n   */\n  placement?: Placement\n\n  /**\n   * The segment is selected\n   * @since 12.18.0\n   * */\n  selected?: boolean\n\n  /**\n   * The tooltip we want to display on hover\n   * @since 10.19.0\n   */\n  tooltip?: React.ReactNode\n\n  /**\n   * A number to be used as radio input value\n   * @internal\n   * @since 11.3.0\n   */\n  internalIndex?: number\n}\n\nexport interface SegmentedControllerTooltipProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  overlay?: any\n  /**\n   * @since 10.19.0\n   */\n  placement: Placement\n}\n"],"mappings":"AAGA;AACA;AACA;AACA;AACA,OAAO,IAAMA,iCAAiC,GAAG;EAC/CC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE;AACR,CAAU"}

package/dist/Select/Select.js

@@ -2,15 +2,15 @@ var _excluded = ["value"],
   _excluded2 = ["block", "children", "className", "clearRef", "disabled", "error", "focus", "label", "loading", "onClear", "open", "placeholder", "qa", "tabIndex", "isMenuOpened"],
   _excluded3 = ["onSearch", "header", "footer", "emptyMessage", "optionsRef", "children", "i18nScope", "onSelect", "menuRef"],
   _excluded4 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "children", "className", "container", "disabled", "emptyMessage", "error", "header", "footer", "hideDelay", "i18nScope", "label", "loading", "onClear", "onKeyDown", "onScrollBottom", "onSearch", "onSelect", "optionsRef", "placeholder", "placement", "restoreFocusOnHide", "showDelay", "tabIndex", "qa"];
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { Clear } from '@procore/core-icons/dist';
 import classNames from 'classnames';
 import { isNil } from 'ramda';

package/dist/Select/Select.styles.js

@@ -17,34 +17,34 @@ export var tableSelectClassName = 'select--table';
 var styledSelectButtonDefaultWidth = 248;
 export var StyledSelectMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledSelectMenu",
-  componentId: "core-12_17_4__sc-mr8gwe-0"
+  componentId: "core-12_17_6__sc-mr8gwe-0"
 })(["display:flex;max-height:40vh;max-width:", "px;min-width:inherit;"], styledSelectButtonDefaultWidth);
 export var StyledSelectButtonLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectButtonLabel",
-  componentId: "core-12_17_4__sc-mr8gwe-1"
+  componentId: "core-12_17_6__sc-mr8gwe-1"
 })(["", " flex-grow:1;margin-right:", "px;outline:none;pointer-events:", ";user-select:none;"], getEllipsis(), spacing.sm, function (_ref) {
   var $hoverable = _ref.$hoverable;
   return $hoverable ? 'initial' : 'none';
 });
 export var StyledSelectSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectSpinner",
-  componentId: "core-12_17_4__sc-mr8gwe-2"
+  componentId: "core-12_17_6__sc-mr8gwe-2"
 })(["align-items:center;display:flex;flex:0 0 auto;justify-content:center;line-height:0;"]);
 export var StyledSelectArrowContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectArrowContainer",
-  componentId: "core-12_17_4__sc-mr8gwe-3"
+  componentId: "core-12_17_6__sc-mr8gwe-3"
 })(["align-items:center;display:inline-flex;height:16px;justify-content:flex-end;margin-left:", "px;width:8px;"], spacing.sm);
 export var StyledSelectArrow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectArrow",
-  componentId: "core-12_17_4__sc-mr8gwe-4"
+  componentId: "core-12_17_6__sc-mr8gwe-4"
 })(["position:relative;", ""], arrowDown(4, 'gray45'));
 export var StyledSelectClearIcon = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledSelectClearIcon",
-  componentId: "core-12_17_4__sc-mr8gwe-5"
+  componentId: "core-12_17_6__sc-mr8gwe-5"
 })(["", "{pointer-events:none;}"], StyledContent);
 export var StyledSelectButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectButton",
-  componentId: "core-12_17_4__sc-mr8gwe-6"
+  componentId: "core-12_17_6__sc-mr8gwe-6"
 })(["", " align-items:center;background-color:", ";border-color:", ";border-radius:", "px;border-style:solid;border-width:1px;color:", ";cursor:pointer;display:inline-flex;height:36px;min-height:36px;outline:none;padding:0 ", "px;position:relative;white-space:nowrap;width:", ";&::placeholder{border-color:", ";}&:hover,&:active,&[data-qa=", "]{background-color:", ";border-color:", ";color:", ";}&.focus,&:focus,&[data-qa=", "]{", " ", "{stroke:", ";}}", " ", " ", " ", " ", " &.", "{", " ", " ", "}"], getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, spacing.md, function (_ref2) {
   var $block = _ref2.$block;
   return $block ? '100%' : "".concat(styledSelectButtonDefaultWidth, "px");

package/dist/Semantic/Semantic.js

@@ -1,9 +1,9 @@
 var _excluded = ["listStyleType"],
   _excluded2 = ["listStyleType"],
   _excluded3 = ["block"];
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { StyledH1, StyledH2, StyledH3, StyledLabel, StyledOL, StyledP, StyledUL } from './Semantic.styles';
 export var H1 = /*#__PURE__*/React.forwardRef(function H1(props, ref) {

package/dist/Semantic/Semantic.styles.js

@@ -5,15 +5,15 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledH1 = /*#__PURE__*/styled.h1.withConfig({
   displayName: "StyledH1",
-  componentId: "core-12_17_4__sc-172j5qh-0"
+  componentId: "core-12_17_6__sc-172j5qh-0"
 })(["color:", ";", " margin:0;"], colors.gray15, getTypographyIntent('h1'));
 export var StyledH2 = /*#__PURE__*/styled.h2.withConfig({
   displayName: "StyledH2",
-  componentId: "core-12_17_4__sc-172j5qh-1"
+  componentId: "core-12_17_6__sc-172j5qh-1"
 })(["color:", ";", " margin:0;"], colors.gray15, getTypographyIntent('h2'));
 export var StyledH3 = /*#__PURE__*/styled.h3.withConfig({
   displayName: "StyledH3",
-  componentId: "core-12_17_4__sc-172j5qh-2"
+  componentId: "core-12_17_6__sc-172j5qh-2"
 })(["color:", ";", " margin:0;"], colors.gray15, getTypographyIntent('h3'));
 var topMarginRules = function topMarginRules() {
   return css(["& + &,p + &,ol + &,ul + &{margin-top:", "px;}"], spacing.lg);
@@ -28,11 +28,11 @@ export function getSmallIconBodyTextRules() {
 }
 export var StyledP = /*#__PURE__*/styled.p.withConfig({
   displayName: "StyledP",
-  componentId: "core-12_17_4__sc-172j5qh-3"
+  componentId: "core-12_17_6__sc-172j5qh-3"
 })(["color:", ";", " ", " ", ""], colors.gray15, getTypographyIntent('body'), topMarginRules, semiboldRules);
 export var StyledUL = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledUL",
-  componentId: "core-12_17_4__sc-172j5qh-4"
+  componentId: "core-12_17_6__sc-172j5qh-4"
 })(["color:", ";margin:0;padding:0;", " ", " padding-left:", "px;list-style-type:", ";"], colors.gray15, getTypographyIntent('body'), topMarginRules, spacing.lg, function (props) {
   return props.$listStyleType || 'disc';
 });
@@ -40,7 +40,7 @@ export var StyledOL = /*#__PURE__*/styled(StyledUL).attrs({
   as: 'ol'
 }).withConfig({
   displayName: "StyledOL",
-  componentId: "core-12_17_4__sc-172j5qh-5"
+  componentId: "core-12_17_6__sc-172j5qh-5"
 })(["list-style-type:", ";"], function (props) {
   return props.$listStyleType || 'decimal';
 });
@@ -52,7 +52,7 @@ function enforceLabelTypography(props) {
 }
 export var StyledLabel = /*#__PURE__*/styled(StyledTypography).attrs(enforceLabelTypography).withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_17_4__sc-172j5qh-6"
+  componentId: "core-12_17_6__sc-172j5qh-6"
 })(["", " ", " > ", "{margin-left:", "px;vertical-align:top;}"], function (_ref) {
   var _ref$$block = _ref.$block,
     $block = _ref$$block === void 0 ? false : _ref$$block;
@@ -70,7 +70,7 @@ export function getUnstyledButton() {
  */
 export var StyledUnstyledButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledUnstyledButton",
-  componentId: "core-12_17_4__sc-172j5qh-7"
+  componentId: "core-12_17_6__sc-172j5qh-7"
 })(["", ""], getUnstyledButton);
 
 /**
@@ -78,6 +78,6 @@ export var StyledUnstyledButton = /*#__PURE__*/styled.button.withConfig({
  */
 export var StyledAnchor = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledAnchor",
-  componentId: "core-12_17_4__sc-172j5qh-8"
+  componentId: "core-12_17_6__sc-172j5qh-8"
 })([""]);
 //# sourceMappingURL=Semantic.styles.js.map