@procore/core-react 12.49.1 → 12.50.0

package/dist/Panel/Panel.styles.js

@@ -1,5 +1,6 @@
 import styled, { css } from 'styled-components';
 import { Card } from '../Card';
+import { StyledRequiredContainer } from '../Required/Required.styles';
 import { StyledSection, StyledSectionInner } from '../Section/Section.styles';
 import { H2 } from '../Semantic';
 import { colors } from '../_styles/colors';
@@ -11,15 +12,15 @@ var gutter = /*#__PURE__*/css(["> * + *{margin-left:", "px;}"], spacing.sm);
 var panel = /*#__PURE__*/css(["display:flex;padding:", "px;background:", ";"], spacing.lg, colors.white);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-12_49_1__sc-lidix2-0"
+  componentId: "core-12_50_0__sc-lidix2-0"
 })(["border-bottom:1px solid ", ";", ""], colors.gray85, panel);
 export var StyledTitle = /*#__PURE__*/styled(H2).withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_49_1__sc-lidix2-1"
+  componentId: "core-12_50_0__sc-lidix2-1"
 })(["flex-grow:1;"]);
 export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBackAction",
-  componentId: "core-12_49_1__sc-lidix2-2"
+  componentId: "core-12_50_0__sc-lidix2-2"
 })(["transition:all 300ms ease-out;flex-shrink:0;width:", "px;margin-right:", "px;opacity:", ";transform:translateX( ", "px );"], function (_ref) {
   var $active = _ref.$active;
   return $active ? headerActionSize : 0;
@@ -35,38 +36,38 @@ export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledMoreMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledMoreMenu",
-  componentId: "core-12_49_1__sc-lidix2-3"
+  componentId: "core-12_50_0__sc-lidix2-3"
 })(["max-height:128px;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-12_49_1__sc-lidix2-4"
+  componentId: "core-12_50_0__sc-lidix2-4"
 })(["display:flex;margin-left:", "px;flex-shrink:0;", ""], spacing.lg, gutter);
 export var StyledCloseButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledCloseButton",
-  componentId: "core-12_49_1__sc-lidix2-5"
+  componentId: "core-12_50_0__sc-lidix2-5"
 })(["margin-left:", "px;"], spacing.sm);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_49_1__sc-lidix2-6"
-})(["height:100%;background:", ";overflow-y:auto;&:focus-visible{", "}> ", "{padding-left:", "px;padding-right:", "px;", "{padding-left:0;padding-right:0;}&:first-child > ", "{padding-top:", "px;}}"], function (_ref5) {
+  componentId: "core-12_50_0__sc-lidix2-6"
+})(["height:100%;background:", ";overflow-y:auto;> ", "{margin:", "px;}&:focus-visible{", "}> ", "{padding-left:", "px;padding-right:", "px;", "{padding-left:0;padding-right:0;}&:first-child > ", "{padding-top:", "px;}}"], function (_ref5) {
   var secondaryBgColor = _ref5.secondaryBgColor;
   return secondaryBgColor ? colors.gray96 : colors.white;
-}, getFocusInset(), StyledSection, spacing.lg, spacing.lg, StyledSection, StyledSectionInner, spacing.lg);
+}, StyledRequiredContainer, spacing.lg, getFocusInset(), StyledSection, spacing.lg, spacing.lg, StyledSection, StyledSectionInner, spacing.lg);
 export var StyledPanel = /*#__PURE__*/styled.aside.withConfig({
   displayName: "StyledPanel",
-  componentId: "core-12_49_1__sc-lidix2-7"
+  componentId: "core-12_50_0__sc-lidix2-7"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], colors.white);
 export var StyledFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooterNotation",
-  componentId: "core-12_49_1__sc-lidix2-8"
+  componentId: "core-12_50_0__sc-lidix2-8"
 })(["flex-grow:1;"]);
 export var StyledFooterActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooterActions",
-  componentId: "core-12_49_1__sc-lidix2-9"
+  componentId: "core-12_50_0__sc-lidix2-9"
 })(["", ""], gutter);
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_49_1__sc-lidix2-10"
+  componentId: "core-12_50_0__sc-lidix2-10"
 })(["border-top:1px solid ", ";justify-content:flex-end;", " ", ""], colors.gray85, panel, function (_ref6) {
   var $hasShadow = _ref6.$hasShadow;
   return $hasShadow && css(["box-shadow:0 -4px 6px 0 #0000001a;z-index:1;"]);

package/dist/Panel/Panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.styles.js","names":["styled","css","Card","StyledSection","StyledSectionInner","H2","colors","getFocusInset","spacing","headerActionSize","buttonShadowWidth","gutter","sm","panel","lg","white","StyledHeader","div","withConfig","displayName","componentId","gray85","StyledTitle","StyledHeaderBackAction","_ref","$active","_ref2","_ref3","_ref4","StyledMoreMenu","StyledHeaderActions","StyledCloseButton","StyledBody","_ref5","secondaryBgColor","gray96","StyledPanel","aside","StyledFooterNotation","StyledFooterActions","StyledFooter","_ref6","$hasShadow"],"sources":["../../src/Panel/Panel.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { H2 } from '../Semantic'\nimport { colors } from '../_styles/colors'\nimport { getFocusInset } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst headerActionSize = 36\nconst buttonShadowWidth = 2\n\nconst gutter = css`\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nconst panel = css`\n  display: flex;\n  padding: ${spacing.lg}px;\n  background: ${colors.white};\n`\n\nexport const StyledHeader = styled.div`\n  border-bottom: 1px solid ${colors.gray85};\n\n  ${panel}\n`\n\nexport const StyledTitle = styled(H2)`\n  flex-grow: 1;\n`\n\nexport const StyledHeaderBackAction = styled.div<{ $active: boolean }>`\n  transition: all 300ms ease-out;\n  flex-shrink: 0;\n\n  width: ${({ $active }) => ($active ? headerActionSize : 0)}px;\n  margin-right: ${({ $active }) => ($active ? spacing.lg : 0)}px;\n  opacity: ${({ $active }) => ($active ? 1 : 0)};\n  transform: translateX(\n    ${({ $active }) =>\n      $active ? 0 : -(spacing.lg + headerActionSize + buttonShadowWidth)}px\n  );\n`\n\nexport const StyledMoreMenu = styled(Card)`\n  max-height: 128px;\n`\n\nexport const StyledHeaderActions = styled.div`\n  display: flex;\n  margin-left: ${spacing.lg}px;\n  flex-shrink: 0;\n\n  ${gutter}\n`\n\nexport const StyledCloseButton = styled.div`\n  margin-left: ${spacing.sm}px;\n`\n\nexport const StyledBody = styled.div<{ secondaryBgColor?: boolean }>`\n  height: 100%;\n  background: ${({ secondaryBgColor }) =>\n    secondaryBgColor ? colors.gray96 : colors.white};\n  overflow-y: auto;\n\n  &:focus-visible {\n    ${getFocusInset()}\n  }\n\n  > ${StyledSection} {\n    padding-left: ${spacing.lg}px;\n    padding-right: ${spacing.lg}px;\n\n    ${StyledSection} {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: ${spacing.lg}px;\n    }\n  }\n`\n\nexport const StyledPanel = styled.aside`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ${colors.white};\n  overflow: hidden;\n`\n\nexport const StyledFooterNotation = styled.div`\n  flex-grow: 1;\n`\n\nexport const StyledFooterActions = styled.div`\n  ${gutter}\n`\n\nexport const StyledFooter = styled.div<{ $hasShadow: boolean }>`\n  border-top: 1px solid ${colors.gray85};\n  justify-content: flex-end;\n\n  ${panel}\n\n  ${({ $hasShadow }) =>\n    $hasShadow &&\n    css`\n      box-shadow: 0 -4px 6px 0 #0000001a;\n      z-index: 1;\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Panel.styles.js","names":["styled","css","Card","StyledRequiredContainer","StyledSection","StyledSectionInner","H2","colors","getFocusInset","spacing","headerActionSize","buttonShadowWidth","gutter","sm","panel","lg","white","StyledHeader","div","withConfig","displayName","componentId","gray85","StyledTitle","StyledHeaderBackAction","_ref","$active","_ref2","_ref3","_ref4","StyledMoreMenu","StyledHeaderActions","StyledCloseButton","StyledBody","_ref5","secondaryBgColor","gray96","StyledPanel","aside","StyledFooterNotation","StyledFooterActions","StyledFooter","_ref6","$hasShadow"],"sources":["../../src/Panel/Panel.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { H2 } from '../Semantic'\nimport { colors } from '../_styles/colors'\nimport { getFocusInset } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst headerActionSize = 36\nconst buttonShadowWidth = 2\n\nconst gutter = css`\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nconst panel = css`\n  display: flex;\n  padding: ${spacing.lg}px;\n  background: ${colors.white};\n`\n\nexport const StyledHeader = styled.div`\n  border-bottom: 1px solid ${colors.gray85};\n\n  ${panel}\n`\n\nexport const StyledTitle = styled(H2)`\n  flex-grow: 1;\n`\n\nexport const StyledHeaderBackAction = styled.div<{ $active: boolean }>`\n  transition: all 300ms ease-out;\n  flex-shrink: 0;\n\n  width: ${({ $active }) => ($active ? headerActionSize : 0)}px;\n  margin-right: ${({ $active }) => ($active ? spacing.lg : 0)}px;\n  opacity: ${({ $active }) => ($active ? 1 : 0)};\n  transform: translateX(\n    ${({ $active }) =>\n      $active ? 0 : -(spacing.lg + headerActionSize + buttonShadowWidth)}px\n  );\n`\n\nexport const StyledMoreMenu = styled(Card)`\n  max-height: 128px;\n`\n\nexport const StyledHeaderActions = styled.div`\n  display: flex;\n  margin-left: ${spacing.lg}px;\n  flex-shrink: 0;\n\n  ${gutter}\n`\n\nexport const StyledCloseButton = styled.div`\n  margin-left: ${spacing.sm}px;\n`\n\nexport const StyledBody = styled.div<{ secondaryBgColor?: boolean }>`\n  height: 100%;\n  background: ${({ secondaryBgColor }) =>\n    secondaryBgColor ? colors.gray96 : colors.white};\n  overflow-y: auto;\n\n  > ${StyledRequiredContainer} {\n    margin: ${spacing.lg}px;\n  }\n\n  &:focus-visible {\n    ${getFocusInset()}\n  }\n\n  > ${StyledSection} {\n    padding-left: ${spacing.lg}px;\n    padding-right: ${spacing.lg}px;\n\n    ${StyledSection} {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: ${spacing.lg}px;\n    }\n  }\n`\n\nexport const StyledPanel = styled.aside`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ${colors.white};\n  overflow: hidden;\n`\n\nexport const StyledFooterNotation = styled.div`\n  flex-grow: 1;\n`\n\nexport const StyledFooterActions = styled.div`\n  ${gutter}\n`\n\nexport const StyledFooter = styled.div<{ $hasShadow: boolean }>`\n  border-top: 1px solid ${colors.gray85};\n  justify-content: flex-end;\n\n  ${panel}\n\n  ${({ $hasShadow }) =>\n    $hasShadow &&\n    css`\n      box-shadow: 0 -4px 6px 0 #0000001a;\n      z-index: 1;\n    `}\n`\n"],"mappings":"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"}

package/dist/Pill/Pill.styles.js

@@ -6,18 +6,18 @@ import { PillColorPalets } from './Pill.colorPalette';
 var pillButtonSize = 16;
 export var StyledPill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledPill",
-  componentId: "core-12_49_1__sc-99e1t5-0"
+  componentId: "core-12_50_0__sc-99e1t5-0"
 })(["", " display:inline-block;padding:1px ", "px;border:1px solid;border-radius:10px;font-weight:600;& + &{margin-left:", "px;}", ""], getTypographyIntent('small'), spacing.sm, spacing.xs, function (_ref) {
   var $color = _ref.$color;
   return css(["background-color:", ";border-color:", ";color:", ";"], PillColorPalets[$color].backgroundColor, PillColorPalets[$color].borderColor, PillColorPalets[$color].color);
 });
 export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_49_1__sc-99e1t5-1"
+  componentId: "core-12_50_0__sc-99e1t5-1"
 })(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:", "px;width:", "px;vertical-align:top;"], pillButtonSize, pillButtonSize);
 export var StyledRemoveButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledRemoveButton",
-  componentId: "core-12_49_1__sc-99e1t5-2"
+  componentId: "core-12_50_0__sc-99e1t5-2"
 })(["border:0;padding:0;border-radius:100%;margin:0 -", "px 0 ", "px;color:inherit;", ""], pillButtonSize / 2 - spacing.xxs, spacing.xxs, function (_ref2) {
   var $color = _ref2.$color;
   return css(["&:hover{background:", ";color:", ";}"], PillColorPalets[$color].color, PillColorPalets[$color].backgroundColor);

package/dist/PillSelect/PillSelect.styles.js

@@ -6,19 +6,19 @@ import { spacing } from '../_styles/spacing';
 var checkedIconPlaceholderWidth = 32;
 export var PillSelectOptionWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectOptionWrapper",
-  componentId: "core-12_49_1__sc-1ai2ze0-0"
+  componentId: "core-12_50_0__sc-1ai2ze0-0"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
 export var PillSelectCheckedContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectCheckedContainer",
-  componentId: "core-12_49_1__sc-1ai2ze0-1"
+  componentId: "core-12_50_0__sc-1ai2ze0-1"
 })(["align-items:center;color:", ";display:inline-flex;padding-left:", "px;width:", "px;"], colors.blue50, spacing.sm, checkedIconPlaceholderWidth);
 export var PillSelectLabel = /*#__PURE__*/styled(Pill).withConfig({
   displayName: "PillSelectLabel",
-  componentId: "core-12_49_1__sc-1ai2ze0-2"
+  componentId: "core-12_50_0__sc-1ai2ze0-2"
 })(["", ""], getEllipsis);
 export var PillSelectLabelWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PillSelectLabelWrapper",
-  componentId: "core-12_49_1__sc-1ai2ze0-3"
+  componentId: "core-12_50_0__sc-1ai2ze0-3"
 })(["display:flex;max-width:100%;pointer-events:auto;", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["pointer-events:none;"]);

package/dist/Popover/Popover.styles.js

@@ -5,7 +5,7 @@ import { getShadow } from '../_styles/shadows';
 export var popoverArrowSize = 6;
 export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledPopoverContent",
-  componentId: "core-12_49_1__sc-1cd0ihn-0"
+  componentId: "core-12_50_0__sc-1cd0ihn-0"
 })(["background-color:", ";border-radius:inherit;color:", ";display:inline-block;max-width:250px;position:relative;", ""], colors.white, colors.gray15, function (_ref) {
   var $block = _ref.$block,
     $fluid = _ref.$fluid;
@@ -15,6 +15,6 @@ export var StyledPopoverContent = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPopover",
-  componentId: "core-12_49_1__sc-1cd0ihn-1"
+  componentId: "core-12_50_0__sc-1cd0ihn-1"
 })(["display:inline-block;border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], borderRadius.md, getShadow(3), colors.white);
 //# sourceMappingURL=Popover.styles.js.map

package/dist/Portal/Portal.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledPortal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortal",
-  componentId: "core-12_49_1__sc-15o1h2-0"
+  componentId: "core-12_50_0__sc-15o1h2-0"
 })(["left:0;pointer-events:none;position:fixed;top:0;> *{pointer-events:all;}"]);
 //# sourceMappingURL=Portal.styles.js.map

package/dist/ProgressBar/ProgressBar.styles.js

@@ -7,11 +7,11 @@ var animationDelay = '300ms';
 var fadeIn = /*#__PURE__*/keyframes(["from{opacity:1;}to{opacity:0;}"]);
 export var StyledProgressBarLoader = /*#__PURE__*/styled(Loader).withConfig({
   displayName: "StyledProgressBarLoader",
-  componentId: "core-12_49_1__sc-vdy2wl-0"
+  componentId: "core-12_50_0__sc-vdy2wl-0"
 })([""]);
 export var StyledProgressBar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgressBar",
-  componentId: "core-12_49_1__sc-vdy2wl-1"
+  componentId: "core-12_50_0__sc-vdy2wl-1"
 })(["background-color:", ";border-radius:", "px;border:1px solid ", ";display:block;height:", "px;margin:", "px 0;overflow:hidden;position:relative;transition:background-color 0s linear;", " ", ";"], function (_ref) {
   var $complete = _ref.$complete;
   return $complete ? colors.blue50 : colors.gray94;

package/dist/RadioButton/RadioButton.styles.js

@@ -9,7 +9,7 @@ export var dataQa = {
 var radioButtonSize = 20;
 export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
   displayName: "StyledRadioButton",
-  componentId: "core-12_49_1__sc-nd95zs-0"
+  componentId: "core-12_50_0__sc-nd95zs-0"
 })(["color:", ";display:flex;position:relative;vertical-align:middle;& + &{margin-top:", "px;}", " ", ""], colors.gray15, spacing.md, function (_ref) {
   var $error = _ref.$error;
   return $error && css(["", ":before,", ":checked:not(:disabled) + ", ":before{border-color:", ";}", ":checked:disabled + ", ":before{border-color:", ";}"], StyledRadioButtonLabel, StyledRadioButtonInput, StyledRadioButtonLabel, colors.red50, StyledRadioButtonInput, StyledRadioButtonLabel, colors.gray85);
@@ -19,10 +19,10 @@ export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
 });
 export var StyledRadioButtonLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRadioButtonLabel",
-  componentId: "core-12_49_1__sc-nd95zs-1"
+  componentId: "core-12_50_0__sc-nd95zs-1"
 })(["", ";cursor:default;display:flex;&:before{background:", ";border-radius:100%;border:2px solid ", ";content:'';display:inline-block;flex:0;height:", "px;min-width:", "px;width:", "px;}"], getTypographyIntent('body'), colors.white, colors.gray50, radioButtonSize, radioButtonSize, radioButtonSize);
 export var StyledRadioButtonInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledRadioButtonInput",
-  componentId: "core-12_49_1__sc-nd95zs-2"
+  componentId: "core-12_50_0__sc-nd95zs-2"
 })(["left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;&:focus:not(:checked),&[data-qa=", "]:not(:checked){&:not(:disabled) + ", ":before{", "}}&:focus:checked:not(:disabled),&[data-qa=", "]:checked:not(:disabled){+ ", ":before{box-shadow:0 0 0 2px ", ";}}&:checked + ", ":before{border:6px solid ", ";}&:disabled + ", ":before{border-color:", ";}&:disabled:checked + ", ":before{border-color:", ";}"], dataQa.focused, StyledRadioButtonLabel, getFocus(), dataQa.focused, StyledRadioButtonLabel, colors.blue40, StyledRadioButtonLabel, colors.blue50, StyledRadioButtonLabel, colors.gray85, StyledRadioButtonLabel, colors.blue85);
 //# sourceMappingURL=RadioButton.styles.js.map

package/dist/Required/Required.js

@@ -24,6 +24,7 @@ export var Required = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(StyledRequiredContainer, _extends({}, props, {
     ref: ref
   }), /*#__PURE__*/React.createElement(StyledRequiredMark, {
+    "aria-hidden": true,
     $showLabel: labelOrChildren
   }, "*"), labelOrChildren ? /*#__PURE__*/React.createElement(StyledRequiredText, null, children ? children : I18n.t('requiredFields', {
     scope: i18nScope

package/dist/Required/Required.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledRequiredContainer,\n  StyledRequiredMark,\n  StyledRequiredText,\n} from './Required.styles'\nimport type { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-required--demo)\n\n */\nexport const Required = React.forwardRef<HTMLSpanElement, RequiredProps>(\n  (\n    { children, i18nScope = 'core.required', showLabel = false, ...props },\n    ref\n  ) => {\n    const I18n = useI18nContext()\n    const labelOrChildren = showLabel || Boolean(children)\n\n    return (\n      <StyledRequiredContainer {...props} ref={ref}>\n        <StyledRequiredMark $showLabel={labelOrChildren}>*</StyledRequiredMark>\n        {labelOrChildren ? (\n          <StyledRequiredText>\n            {children\n              ? children\n              : I18n.t('requiredFields', { scope: i18nScope })}\n          </StyledRequiredText>\n        ) : null}\n      </StyledRequiredContainer>\n    )\n  }\n)\n\nRequired.displayName = 'Required'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGL,KAAK,CAACM,UAAU,CACtC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,eAAe,GAAAA,cAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGpE,IAAMC,IAAI,GAAGhB,cAAc,CAAC,CAAC;EAC7B,IAAMiB,eAAe,GAAGL,SAAS,IAAIM,OAAO,CAACV,QAAQ,CAAC;EAEtD,oBACET,KAAA,CAAAoB,aAAA,CAAClB,uBAAuB,EAAAmB,QAAA,KAAKP,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBAC3CR,KAAA,CAAAoB,aAAA,CAACjB,kBAAkB;IAACmB,UAAU,EAAEJ;EAAgB,GAAC,GAAqB,CAAC,EACtEA,eAAe,gBACdlB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB,QAChBK,QAAQ,GACLA,QAAQ,GACRQ,IAAI,CAACM,CAAC,CAAC,gBAAgB,EAAE;IAAEC,KAAK,EAAEb;EAAU,CAAC,CAC/B,CAAC,GACnB,IACmB,CAAC;AAE9B,CACF,CAAC;AAEDN,QAAQ,CAACoB,WAAW,GAAG,UAAU"}
+{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledRequiredContainer,\n  StyledRequiredMark,\n  StyledRequiredText,\n} from './Required.styles'\nimport type { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-required--demo)\n\n */\nexport const Required = React.forwardRef<HTMLSpanElement, RequiredProps>(\n  (\n    { children, i18nScope = 'core.required', showLabel = false, ...props },\n    ref\n  ) => {\n    const I18n = useI18nContext()\n    const labelOrChildren = showLabel || Boolean(children)\n\n    return (\n      <StyledRequiredContainer {...props} ref={ref}>\n        <StyledRequiredMark aria-hidden $showLabel={labelOrChildren}>\n          *\n        </StyledRequiredMark>\n        {labelOrChildren ? (\n          <StyledRequiredText>\n            {children\n              ? children\n              : I18n.t('requiredFields', { scope: i18nScope })}\n          </StyledRequiredText>\n        ) : null}\n      </StyledRequiredContainer>\n    )\n  }\n)\n\nRequired.displayName = 'Required'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGL,KAAK,CAACM,UAAU,CACtC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,eAAe,GAAAA,cAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGpE,IAAMC,IAAI,GAAGhB,cAAc,CAAC,CAAC;EAC7B,IAAMiB,eAAe,GAAGL,SAAS,IAAIM,OAAO,CAACV,QAAQ,CAAC;EAEtD,oBACET,KAAA,CAAAoB,aAAA,CAAClB,uBAAuB,EAAAmB,QAAA,KAAKP,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBAC3CR,KAAA,CAAAoB,aAAA,CAACjB,kBAAkB;IAAC,mBAAW;IAACmB,UAAU,EAAEJ;EAAgB,GAAC,GAEzC,CAAC,EACpBA,eAAe,gBACdlB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB,QAChBK,QAAQ,GACLA,QAAQ,GACRQ,IAAI,CAACM,CAAC,CAAC,gBAAgB,EAAE;IAAEC,KAAK,EAAEb;EAAU,CAAC,CAC/B,CAAC,GACnB,IACmB,CAAC;AAE9B,CACF,CAAC;AAEDN,QAAQ,CAACoB,WAAW,GAAG,UAAU"}

package/dist/Required/Required.styles.js

@@ -5,8 +5,8 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredMark",
-  componentId: "core-12_49_1__sc-bja1ql-0"
-})(["color:", ";", ""], colors.red50, function (_ref) {
+  componentId: "core-12_50_0__sc-bja1ql-0"
+})(["color:", ";font-weight:bold;", ""], colors.red50, function (_ref) {
   var $showLabel = _ref.$showLabel;
   if ($showLabel) {
     return;
@@ -15,10 +15,10 @@ export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledRequiredContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredContainer",
-  componentId: "core-12_49_1__sc-bja1ql-1"
-})(["", " ", " > &{margin-left:", "px;}"], getTypographyIntent('small'), StyledCheckboxLabel, spacing.xs);
+  componentId: "core-12_50_0__sc-bja1ql-1"
+})(["display:inline-flex;", " ", " > &{margin-left:", "px;}"], getTypographyIntent('small'), StyledCheckboxLabel, spacing.xs);
 export var StyledRequiredText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredText",
-  componentId: "core-12_49_1__sc-bja1ql-2"
+  componentId: "core-12_50_0__sc-bja1ql-2"
 })(["font-style:italic;color:", ";margin-left:4px;"], colors.gray45);
 //# sourceMappingURL=Required.styles.js.map

package/dist/Required/Required.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.styles.js","names":["styled","css","StyledCheckboxLabel","getTypographyIntent","typographyWeights","colors","spacing","StyledRequiredMark","span","withConfig","displayName","componentId","red50","_ref","$showLabel","semibold","StyledRequiredContainer","xs","StyledRequiredText","gray45"],"sources":["../../src/Required/Required.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledCheckboxLabel } from '../Checkbox/Checkbox.styles'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledRequiredMark = styled.span<{ $showLabel: boolean }>`\n  color: ${colors.red50};\n\n  ${({ $showLabel }) => {\n    if ($showLabel) {\n      return\n    }\n\n    return css`\n      ${getTypographyIntent('body')}\n      font-weight: ${typographyWeights.semibold};\n    `\n  }}\n`\n\nexport const StyledRequiredContainer = styled.span`\n  ${getTypographyIntent('small')}\n\n  ${StyledCheckboxLabel} > & {\n    margin-left: ${spacing.xs}px;\n  }\n`\n\nexport const StyledRequiredText = styled.span`\n  font-style: italic;\n  color: ${colors.gray45};\n  margin-left: 4px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGP,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wBAClCN,MAAM,CAACO,KAAK,EAEnB,UAAAC,IAAA,EAAoB;EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACb,IAAIA,UAAU,EAAE;IACd;EACF;EAEA,OAAOb,GAAG,6BACNE,mBAAmB,CAAC,MAAM,CAAC,EACdC,iBAAiB,CAACW,QAAQ;AAE7C,CAAC,CACF;AAED,OAAO,IAAMC,uBAAuB,gBAAGhB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAC9CR,mBAAmB,CAAC,OAAO,CAAC,EAE5BD,mBAAmB,EACJI,OAAO,CAACW,EAAE,CAE5B;AAED,OAAO,IAAMC,kBAAkB,gBAAGlB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAElCN,MAAM,CAACc,MAAM,CAEvB"}
+{"version":3,"file":"Required.styles.js","names":["styled","css","StyledCheckboxLabel","getTypographyIntent","typographyWeights","colors","spacing","StyledRequiredMark","span","withConfig","displayName","componentId","red50","_ref","$showLabel","semibold","StyledRequiredContainer","xs","StyledRequiredText","gray45"],"sources":["../../src/Required/Required.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledCheckboxLabel } from '../Checkbox/Checkbox.styles'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledRequiredMark = styled.span<{ $showLabel: boolean }>`\n  color: ${colors.red50};\n  font-weight: bold;\n\n  ${({ $showLabel }) => {\n    if ($showLabel) {\n      return\n    }\n\n    return css`\n      ${getTypographyIntent('body')}\n      font-weight: ${typographyWeights.semibold};\n    `\n  }}\n`\n\nexport const StyledRequiredContainer = styled.span`\n  display: inline-flex;\n\n  ${getTypographyIntent('small')}\n\n  ${StyledCheckboxLabel} > & {\n    margin-left: ${spacing.xs}px;\n  }\n`\n\nexport const StyledRequiredText = styled.span`\n  font-style: italic;\n  color: ${colors.gray45};\n  margin-left: 4px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGP,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAClCN,MAAM,CAACO,KAAK,EAGnB,UAAAC,IAAA,EAAoB;EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACb,IAAIA,UAAU,EAAE;IACd;EACF;EAEA,OAAOb,GAAG,6BACNE,mBAAmB,CAAC,MAAM,CAAC,EACdC,iBAAiB,CAACW,QAAQ;AAE7C,CAAC,CACF;AAED,OAAO,IAAMC,uBAAuB,gBAAGhB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAG9CR,mBAAmB,CAAC,OAAO,CAAC,EAE5BD,mBAAmB,EACJI,OAAO,CAACW,EAAE,CAE5B;AAED,OAAO,IAAMC,kBAAkB,gBAAGlB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAElCN,MAAM,CAACc,MAAM,CAEvB"}

package/dist/Required/Required.types.d.ts

@@ -4,6 +4,8 @@ export interface RequiredProps extends Props {
     /**
      * If provided, takes the place of label normally reading "required fields"
      * @since 10.19.0
+     * @deprecated Required legend is a lock-up and should not be modified.
+     * @deprecatedSince 12.28.0
      */
     children?: React.ReactNode;
     /**

package/dist/Required/Required.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.types.js","names":[],"sources":["../../src/Required/Required.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RequiredProps extends Props {\n  /**\n   * If provided, takes the place of label normally reading \"required fields\"\n   * @since 10.19.0\n   */\n  children?: React.ReactNode\n  /**\n   * Changes where I18n looks for the requiredFields key\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * Controls showing text reading \"required fields\"\n   * @since 10.19.0\n   */\n  showLabel?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Required.types.js","names":[],"sources":["../../src/Required/Required.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RequiredProps extends Props {\n  /**\n   * If provided, takes the place of label normally reading \"required fields\"\n   * @since 10.19.0\n   * @deprecated Required legend is a lock-up and should not be modified.\n   * @deprecatedSince 12.28.0\n   */\n  children?: React.ReactNode\n  /**\n   * Changes where I18n looks for the requiredFields key\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * Controls showing text reading \"required fields\"\n   * @since 10.19.0\n   */\n  showLabel?: boolean\n}\n"],"mappings":""}

package/dist/Search/Search.styles.js

@@ -33,22 +33,22 @@ export function getSearchInputStyles() {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_49_1__sc-3j8khv-0"
+  componentId: "core-12_50_0__sc-3j8khv-0"
 })(["", ""], getSearchInputStyles);
 var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledButton",
-  componentId: "core-12_49_1__sc-3j8khv-1"
+  componentId: "core-12_50_0__sc-3j8khv-1"
 })(["position:absolute;top:", "px;"], buttonTop);
 export var StyledSearchButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledSearchButton",
-  componentId: "core-12_49_1__sc-3j8khv-2"
+  componentId: "core-12_50_0__sc-3j8khv-2"
 })([""]);
 export var StyledClearButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledClearButton",
-  componentId: "core-12_49_1__sc-3j8khv-3"
+  componentId: "core-12_50_0__sc-3j8khv-3"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-12_49_1__sc-3j8khv-4"
+  componentId: "core-12_50_0__sc-3j8khv-4"
 })(["position:relative;width:100%;", "{padding-right:", "px;}", "{right:", "px;}", "{right:", "px;}"], StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
 //# sourceMappingURL=Search.styles.js.map

package/dist/Section/Section.styles.js

@@ -6,15 +6,15 @@ import { getGapOutlineFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledSectionBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionBanner",
-  componentId: "core-12_49_1__sc-1lxbrwv-0"
+  componentId: "core-12_50_0__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_49_1__sc-1lxbrwv-1"
+  componentId: "core-12_50_0__sc-1lxbrwv-1"
 })([""]);
 export var StyledSectionCollapseHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionCollapseHeading",
-  componentId: "core-12_49_1__sc-1lxbrwv-2"
+  componentId: "core-12_50_0__sc-1lxbrwv-2"
 })(["align-self:flex-start;margin-right:", "px;"], spacing.sm);
 export var sectionClassnames = {
   divide: 'section--divide',
@@ -25,11 +25,11 @@ export var sectionClassnames = {
 };
 export var StyledSection = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSection",
-  componentId: "core-12_49_1__sc-1lxbrwv-3"
+  componentId: "core-12_50_0__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_49_1__sc-1lxbrwv-4"
+  componentId: "core-12_50_0__sc-1lxbrwv-4"
 })(["padding-top:", "px;&:focus-visible{", "}", " ", " & > :not(", ") + ", "{padding-top:", "px;}", " ", " &:last-of-type{padding-bottom:0;}"], spacing.sm, getGapOutlineFocus('inside'), function (_ref) {
   var $closed = _ref.$closed;
   return $closed && css(["padding-top:0;"]);
@@ -39,10 +39,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_49_1__sc-1lxbrwv-5"
+  componentId: "core-12_50_0__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_49_1__sc-1lxbrwv-6"
+  componentId: "core-12_50_0__sc-1lxbrwv-6"
 })(["width:100%;"]);
 //# sourceMappingURL=Section.styles.js.map

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_49_1__sc-ocai3-0"
+  componentId: "core-12_50_0__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_49_1__sc-ocai3-1"
+  componentId: "core-12_50_0__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;
@@ -37,10 +37,10 @@ export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
 });
 export var StyledSegmentDisabledInteractiveWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSegmentDisabledInteractiveWrapper",
-  componentId: "core-12_49_1__sc-ocai3-2"
+  componentId: "core-12_50_0__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_49_1__sc-ocai3-3"
+  componentId: "core-12_50_0__sc-ocai3-3"
 })(["", ";display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"], getTypographyIntent('body'));
 //# sourceMappingURL=SegmentedController.styles.js.map

package/dist/Select/Select.js

@@ -88,9 +88,8 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
   var hasClearIcon = Boolean(onClear);
   var showClearIcon = !disabled && !loading && Boolean(label);
   var labelId = useId();
-  var triggerRole = isListboxOnly ? 'combobox' : 'button';
   var content = children || label || placeholder;
-  var ariaExpanded = disabled ? undefined : isListboxOnly ? ariaExpandedProp : open;
+  var ariaExpanded = disabled ? false : isListboxOnly ? ariaExpandedProp : open;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isFocused = _React$useState2[0],
@@ -111,10 +110,12 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
   }, [onBlurProp]);
   var button = /*#__PURE__*/React.createElement(StyledSelectButton, _extends({
     ref: ref,
-    role: triggerRole,
+    role: "combobox",
     "aria-disabled": disabled,
     tabIndex: disabled ? -1 : tabIndex,
     "aria-expanded": ariaExpanded,
+    "aria-controls": menuId,
+    "aria-haspopup": "listbox",
     "aria-invalid": error,
     "aria-labelledby": ariaLabelledBy,
     $block: true,