@procore/core-react 12.20.1 → 12.20.3

package/dist/AnchorNavigation/AnchorNavigation.d.ts

@@ -1,9 +1,3 @@
 import React from 'react';
-import type { AnchorNavigationSection } from './AnchorNavigation.types';
-declare type AnchorNavigationProps = {
-    sections: AnchorNavigationSection[];
-    active: string;
-    setActive: (id: string) => void;
-};
+import type { AnchorNavigationProps } from './AnchorNavigation.types';
 export declare const AnchorNavigation: React.ForwardRefExoticComponent<AnchorNavigationProps & React.RefAttributes<HTMLUListElement>>;
-export {};

package/dist/AnchorNavigation/AnchorNavigation.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { StyledAnchor, StyledAnchorNavigation, StyledAnchorSection } from './AnchorNavigation.styles';
 var Anchor = function Anchor(_ref) {
   var label = _ref.label,
-    active = _ref.active,
+    selected = _ref.selected,
     onClick = _ref.onClick;
   var handleKeyDown = function handleKeyDown(event) {
     if (event.key === 'Enter' || event.key === ' ') {
@@ -10,19 +10,19 @@ var Anchor = function Anchor(_ref) {
     }
   };
   return /*#__PURE__*/React.createElement(StyledAnchorSection, {
-    $active: active,
+    $selected: selected,
     onClick: onClick,
     onKeyDown: handleKeyDown
   }, /*#__PURE__*/React.createElement(StyledAnchor, {
-    "aria-current": active,
-    $active: active,
+    "aria-current": selected,
+    $selected: selected,
     tabIndex: 0
   }, label));
 };
 export var AnchorNavigation = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var sections = _ref2.sections,
-    active = _ref2.active,
-    setActive = _ref2.setActive;
+    selected = _ref2.selected,
+    onSelect = _ref2.onSelect;
   return /*#__PURE__*/React.createElement(StyledAnchorNavigation, {
     ref: ref
   }, sections.map(function (_ref3) {
@@ -31,9 +31,9 @@ export var AnchorNavigation = /*#__PURE__*/React.forwardRef(function (_ref2, ref
     return /*#__PURE__*/React.createElement(Anchor, {
       key: id,
       onClick: function onClick() {
-        return setActive(id);
+        return onSelect(id);
       },
-      active: active === id,
+      selected: selected === id,
       label: label
     });
   }));

package/dist/AnchorNavigation/AnchorNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorNavigation.js","names":["React","StyledAnchor","StyledAnchorNavigation","StyledAnchorSection","Anchor","_ref","label","active","onClick","handleKeyDown","event","key","createElement","$active","onKeyDown","tabIndex","AnchorNavigation","forwardRef","_ref2","ref","sections","setActive","map","_ref3","id"],"sources":["../../src/AnchorNavigation/AnchorNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyledAnchor,\n  StyledAnchorNavigation,\n  StyledAnchorSection,\n} from './AnchorNavigation.styles'\nimport type { AnchorNavigationSection } from './AnchorNavigation.types'\n\ntype AnchorNavigationProps = {\n  sections: AnchorNavigationSection[]\n  active: string\n  setActive: (id: string) => void\n}\n\ntype AnchorProps = {\n  label: string\n  active: boolean\n  onClick: () => void\n}\n\nconst Anchor = ({ label, active, onClick }: AnchorProps) => {\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      onClick()\n    }\n  }\n  return (\n    <StyledAnchorSection\n      $active={active}\n      onClick={onClick}\n      onKeyDown={handleKeyDown}\n    >\n      <StyledAnchor aria-current={active} $active={active} tabIndex={0}>\n        {label}\n      </StyledAnchor>\n    </StyledAnchorSection>\n  )\n}\n\nexport const AnchorNavigation = React.forwardRef<\n  HTMLUListElement,\n  AnchorNavigationProps\n>(({ sections, active, setActive }, ref) => {\n  return (\n    <StyledAnchorNavigation ref={ref}>\n      {sections.map(({ id, label }) => {\n        return (\n          <Anchor\n            key={id}\n            onClick={() => setActive(id)}\n            active={active === id}\n            label={label}\n          />\n        )\n      })}\n    </StyledAnchorNavigation>\n  )\n})\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,mBAAmB,QACd,2BAA2B;AAelC,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAgD;EAAA,IAA1CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EACtC,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0B,EAAK;IACpD,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;MAC9CH,OAAO,CAAC,CAAC;IACX;EACF,CAAC;EACD,oBACER,KAAA,CAAAY,aAAA,CAACT,mBAAmB;IAClBU,OAAO,EAAEN,MAAO;IAChBC,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAEL;EAAc,gBAEzBT,KAAA,CAAAY,aAAA,CAACX,YAAY;IAAC,gBAAcM,MAAO;IAACM,OAAO,EAAEN,MAAO;IAACQ,QAAQ,EAAE;EAAE,GAC9DT,KACW,CACK,CAAC;AAE1B,CAAC;AAED,OAAO,IAAMU,gBAAgB,gBAAGhB,KAAK,CAACiB,UAAU,CAG9C,UAAAC,KAAA,EAAkCC,GAAG,EAAK;EAAA,IAAvCC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAEb,MAAM,GAAAW,KAAA,CAANX,MAAM;IAAEc,SAAS,GAAAH,KAAA,CAATG,SAAS;EAC9B,oBACErB,KAAA,CAAAY,aAAA,CAACV,sBAAsB;IAACiB,GAAG,EAAEA;EAAI,GAC9BC,QAAQ,CAACE,GAAG,CAAC,UAAAC,KAAA,EAAmB;IAAA,IAAhBC,EAAE,GAAAD,KAAA,CAAFC,EAAE;MAAElB,KAAK,GAAAiB,KAAA,CAALjB,KAAK;IACxB,oBACEN,KAAA,CAAAY,aAAA,CAACR,MAAM;MACLO,GAAG,EAAEa,EAAG;MACRhB,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQa,SAAS,CAACG,EAAE,CAAC;MAAA,CAAC;MAC7BjB,MAAM,EAAEA,MAAM,KAAKiB,EAAG;MACtBlB,KAAK,EAAEA;IAAM,CACd,CAAC;EAEN,CAAC,CACqB,CAAC;AAE7B,CAAC,CAAC"}
+{"version":3,"file":"AnchorNavigation.js","names":["React","StyledAnchor","StyledAnchorNavigation","StyledAnchorSection","Anchor","_ref","label","selected","onClick","handleKeyDown","event","key","createElement","$selected","onKeyDown","tabIndex","AnchorNavigation","forwardRef","_ref2","ref","sections","onSelect","map","_ref3","id"],"sources":["../../src/AnchorNavigation/AnchorNavigation.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyledAnchor,\n  StyledAnchorNavigation,\n  StyledAnchorSection,\n} from './AnchorNavigation.styles'\nimport type {\n  AnchorNavigationProps,\n  AnchorProps,\n} from './AnchorNavigation.types'\n\nconst Anchor = ({ label, selected, onClick }: AnchorProps) => {\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      onClick()\n    }\n  }\n  return (\n    <StyledAnchorSection\n      $selected={selected}\n      onClick={onClick}\n      onKeyDown={handleKeyDown}\n    >\n      <StyledAnchor aria-current={selected} $selected={selected} tabIndex={0}>\n        {label}\n      </StyledAnchor>\n    </StyledAnchorSection>\n  )\n}\n\nexport const AnchorNavigation = React.forwardRef<\n  HTMLUListElement,\n  AnchorNavigationProps\n>(({ sections, selected, onSelect }, ref) => {\n  return (\n    <StyledAnchorNavigation ref={ref}>\n      {sections.map(({ id, label }) => {\n        return (\n          <Anchor\n            key={id}\n            onClick={() => onSelect(id)}\n            selected={selected === id}\n            label={label}\n          />\n        )\n      })}\n    </StyledAnchorNavigation>\n  )\n})\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,mBAAmB,QACd,2BAA2B;AAMlC,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAkD;EAAA,IAA5CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EACxC,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0B,EAAK;IACpD,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;MAC9CH,OAAO,CAAC,CAAC;IACX;EACF,CAAC;EACD,oBACER,KAAA,CAAAY,aAAA,CAACT,mBAAmB;IAClBU,SAAS,EAAEN,QAAS;IACpBC,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAEL;EAAc,gBAEzBT,KAAA,CAAAY,aAAA,CAACX,YAAY;IAAC,gBAAcM,QAAS;IAACM,SAAS,EAAEN,QAAS;IAACQ,QAAQ,EAAE;EAAE,GACpET,KACW,CACK,CAAC;AAE1B,CAAC;AAED,OAAO,IAAMU,gBAAgB,gBAAGhB,KAAK,CAACiB,UAAU,CAG9C,UAAAC,KAAA,EAAmCC,GAAG,EAAK;EAAA,IAAxCC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAEb,QAAQ,GAAAW,KAAA,CAARX,QAAQ;IAAEc,QAAQ,GAAAH,KAAA,CAARG,QAAQ;EAC/B,oBACErB,KAAA,CAAAY,aAAA,CAACV,sBAAsB;IAACiB,GAAG,EAAEA;EAAI,GAC9BC,QAAQ,CAACE,GAAG,CAAC,UAAAC,KAAA,EAAmB;IAAA,IAAhBC,EAAE,GAAAD,KAAA,CAAFC,EAAE;MAAElB,KAAK,GAAAiB,KAAA,CAALjB,KAAK;IACxB,oBACEN,KAAA,CAAAY,aAAA,CAACR,MAAM;MACLO,GAAG,EAAEa,EAAG;MACRhB,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQa,QAAQ,CAACG,EAAE,CAAC;MAAA,CAAC;MAC5BjB,QAAQ,EAAEA,QAAQ,KAAKiB,EAAG;MAC1BlB,KAAK,EAAEA;IAAM,CACd,CAAC;EAEN,CAAC,CACqB,CAAC;AAE7B,CAAC,CAAC"}

package/dist/AnchorNavigation/AnchorNavigation.styles.d.ts

@@ -1,7 +1,7 @@
 export declare const StyledAnchorNavigation: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export declare const StyledAnchorSection: import("styled-components").StyledComponent<"li", any, {
-    $active: boolean;
+    $selected: boolean;
 }, never>;
 export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {
-    $active: boolean;
+    $selected: boolean;
 }, never>;

package/dist/AnchorNavigation/AnchorNavigation.styles.js

@@ -5,26 +5,26 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledAnchorNavigation = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledAnchorNavigation",
-  componentId: "core-12_20_1__sc-aacdj4-0"
+  componentId: "core-12_20_3__sc-aacdj4-0"
 })(["max-width:200px;margin:0;padding-inline-start:0;"]);
 export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledAnchorSection",
-  componentId: "core-12_20_1__sc-aacdj4-1"
+  componentId: "core-12_20_3__sc-aacdj4-1"
 })(["display:flex;cursor:pointer;border-left:", "px solid ", ";background-color:", ";border-top-right-radius:4px;border-bottom-right-radius:4px;:hover{border-left:", "px solid ", ";background-color:", ";}"], spacing.xs, function (_ref) {
-  var $active = _ref.$active;
-  return $active ? colors.gray15 : colors.gray90;
+  var $selected = _ref.$selected;
+  return $selected ? colors.gray15 : colors.gray90;
 }, function (_ref2) {
-  var $active = _ref2.$active;
-  return $active ? colors.gray90 : 'transparent';
+  var $selected = _ref2.$selected;
+  return $selected ? colors.gray90 : 'transparent';
 }, spacing.xs, function (_ref3) {
-  var $active = _ref3.$active;
-  return $active ? colors.gray15 : colors.gray60;
+  var $selected = _ref3.$selected;
+  return $selected ? colors.gray15 : colors.gray60;
 }, colors.gray90);
 export var StyledAnchor = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledAnchor",
-  componentId: "core-12_20_1__sc-aacdj4-2"
+  componentId: "core-12_20_3__sc-aacdj4-2"
 })(["width:100%;padding:6px ", "px;", " ", ";", " :focus-visible{box-shadow:inset 0 0 0 2px ", ";outline:none;}"], spacing.sm, getTypographyIntent('body'), function (_ref4) {
-  var $active = _ref4.$active;
-  return $active ? css(["font-weight:600;"]) : '';
+  var $selected = _ref4.$selected;
+  return $selected ? css(["font-weight:600;"]) : '';
 }, getEllipsis(), colors.blue50);
 //# sourceMappingURL=AnchorNavigation.styles.js.map

package/dist/AnchorNavigation/AnchorNavigation.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorNavigation.styles.js","names":["styled","css","getTypographyIntent","colors","getEllipsis","spacing","StyledAnchorNavigation","ul","withConfig","displayName","componentId","StyledAnchorSection","li","xs","_ref","$active","gray15","gray90","_ref2","_ref3","gray60","StyledAnchor","a","sm","_ref4","blue50"],"sources":["../../src/AnchorNavigation/AnchorNavigation.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledAnchorNavigation = styled.ul`\n  max-width: 200px;\n  margin: 0;\n  padding-inline-start: 0;\n`\n\nexport const StyledAnchorSection = styled.li<{ $active: boolean }>`\n  display: flex;\n  cursor: pointer;\n  border-left: ${spacing.xs}px solid\n    ${({ $active }) => ($active ? colors.gray15 : colors.gray90)};\n  background-color: ${({ $active }) =>\n    $active ? colors.gray90 : 'transparent'};\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n\n  :hover {\n    border-left: ${spacing.xs}px solid\n      ${({ $active }) => ($active ? colors.gray15 : colors.gray60)};\n    background-color: ${colors.gray90};\n  }\n`\nexport const StyledAnchor = styled.a<{ $active: boolean }>`\n  width: 100%;\n  padding: 6px ${spacing.sm}px;\n  ${getTypographyIntent('body')}\n\n  ${({ $active }) =>\n    $active\n      ? css`\n          font-weight: 600;\n        `\n      : ''};\n\n  ${getEllipsis()}\n\n  :focus-visible {\n    box-shadow: inset 0 0 0 2px ${colors.blue50};\n    outline: none;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,sBAAsB,gBAAGN,MAAM,CAACO,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAI9C;AAED,OAAO,IAAMC,mBAAmB,gBAAGX,MAAM,CAACY,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAG3BL,OAAO,CAACQ,EAAE,EACrB,UAAAC,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAQA,OAAO,GAAGZ,MAAM,CAACa,MAAM,GAAGb,MAAM,CAACc,MAAM;AAAA,CAAC,EAC1C,UAAAC,KAAA;EAAA,IAAGH,OAAO,GAAAG,KAAA,CAAPH,OAAO;EAAA,OAC5BA,OAAO,GAAGZ,MAAM,CAACc,MAAM,GAAG,aAAa;AAAA,GAKxBZ,OAAO,CAACQ,EAAE,EACrB,UAAAM,KAAA;EAAA,IAAGJ,OAAO,GAAAI,KAAA,CAAPJ,OAAO;EAAA,OAAQA,OAAO,GAAGZ,MAAM,CAACa,MAAM,GAAGb,MAAM,CAACiB,MAAM;AAAA,CAAC,EAC1CjB,MAAM,CAACc,MAAM,CAEpC;AACD,OAAO,IAAMI,YAAY,gBAAGrB,MAAM,CAACsB,CAAC,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mHAEnBL,OAAO,CAACkB,EAAE,EACvBrB,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAAsB,KAAA;EAAA,IAAGT,OAAO,GAAAS,KAAA,CAAPT,OAAO;EAAA,OACVA,OAAO,GACHd,GAAG,yBAGH,EAAE;AAAA,GAENG,WAAW,CAAC,CAAC,EAGiBD,MAAM,CAACsB,MAAM,CAG9C"}
+{"version":3,"file":"AnchorNavigation.styles.js","names":["styled","css","getTypographyIntent","colors","getEllipsis","spacing","StyledAnchorNavigation","ul","withConfig","displayName","componentId","StyledAnchorSection","li","xs","_ref","$selected","gray15","gray90","_ref2","_ref3","gray60","StyledAnchor","a","sm","_ref4","blue50"],"sources":["../../src/AnchorNavigation/AnchorNavigation.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledAnchorNavigation = styled.ul`\n  max-width: 200px;\n  margin: 0;\n  padding-inline-start: 0;\n`\n\nexport const StyledAnchorSection = styled.li<{ $selected: boolean }>`\n  display: flex;\n  cursor: pointer;\n  border-left: ${spacing.xs}px solid\n    ${({ $selected }) => ($selected ? colors.gray15 : colors.gray90)};\n  background-color: ${({ $selected }) =>\n    $selected ? colors.gray90 : 'transparent'};\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n\n  :hover {\n    border-left: ${spacing.xs}px solid\n      ${({ $selected }) => ($selected ? colors.gray15 : colors.gray60)};\n    background-color: ${colors.gray90};\n  }\n`\nexport const StyledAnchor = styled.a<{ $selected: boolean }>`\n  width: 100%;\n  padding: 6px ${spacing.sm}px;\n  ${getTypographyIntent('body')}\n\n  ${({ $selected }) =>\n    $selected\n      ? css`\n          font-weight: 600;\n        `\n      : ''};\n\n  ${getEllipsis()}\n\n  :focus-visible {\n    box-shadow: inset 0 0 0 2px ${colors.blue50};\n    outline: none;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,sBAAsB,gBAAGN,MAAM,CAACO,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAI9C;AAED,OAAO,IAAMC,mBAAmB,gBAAGX,MAAM,CAACY,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAG3BL,OAAO,CAACQ,EAAE,EACrB,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAAQA,SAAS,GAAGZ,MAAM,CAACa,MAAM,GAAGb,MAAM,CAACc,MAAM;AAAA,CAAC,EAC9C,UAAAC,KAAA;EAAA,IAAGH,SAAS,GAAAG,KAAA,CAATH,SAAS;EAAA,OAC9BA,SAAS,GAAGZ,MAAM,CAACc,MAAM,GAAG,aAAa;AAAA,GAK1BZ,OAAO,CAACQ,EAAE,EACrB,UAAAM,KAAA;EAAA,IAAGJ,SAAS,GAAAI,KAAA,CAATJ,SAAS;EAAA,OAAQA,SAAS,GAAGZ,MAAM,CAACa,MAAM,GAAGb,MAAM,CAACiB,MAAM;AAAA,CAAC,EAC9CjB,MAAM,CAACc,MAAM,CAEpC;AACD,OAAO,IAAMI,YAAY,gBAAGrB,MAAM,CAACsB,CAAC,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mHAEnBL,OAAO,CAACkB,EAAE,EACvBrB,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAAsB,KAAA;EAAA,IAAGT,SAAS,GAAAS,KAAA,CAATT,SAAS;EAAA,OACZA,SAAS,GACLd,GAAG,yBAGH,EAAE;AAAA,GAENG,WAAW,CAAC,CAAC,EAGiBD,MAAM,CAACsB,MAAM,CAG9C"}

package/dist/AnchorNavigation/AnchorNavigation.types.d.ts

@@ -5,3 +5,25 @@ export declare type AnchorNavigationSection = {
 export declare type AnchorNavigationElementSection = AnchorNavigationSection & {
     element: HTMLElement;
 };
+export interface AnchorNavigationProps {
+    /**
+     * An array of sections used in the anchor navigation.
+     * @since 12.18.0
+     */
+    sections: AnchorNavigationSection[];
+    /**
+     * The ID of the currently selected section.
+     * @since 12.18.0
+     */
+    selected: string;
+    /**
+     * Callback function to update the selected section ID.
+     @since 12.18.0
+     */
+    onSelect: (id: string) => void;
+}
+export declare type AnchorProps = {
+    label: string;
+    selected: boolean;
+    onClick: () => void;
+};

package/dist/AnchorNavigation/AnchorNavigation.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorNavigation.types.js","names":[],"sources":["../../src/AnchorNavigation/AnchorNavigation.types.tsx"],"sourcesContent":["export type AnchorNavigationSection = {\n  id: string\n  label: string\n}\n\nexport type AnchorNavigationElementSection = AnchorNavigationSection & {\n  element: HTMLElement\n}\n"],"mappings":""}
+{"version":3,"file":"AnchorNavigation.types.js","names":[],"sources":["../../src/AnchorNavigation/AnchorNavigation.types.tsx"],"sourcesContent":["export type AnchorNavigationSection = {\n  id: string\n  label: string\n}\n\nexport type AnchorNavigationElementSection = AnchorNavigationSection & {\n  element: HTMLElement\n}\n\nexport interface AnchorNavigationProps {\n  /**\n   * An array of sections used in the anchor navigation.\n   * @since 12.18.0\n   */\n  sections: AnchorNavigationSection[]\n  /**\n   * The ID of the currently selected section.\n   * @since 12.18.0\n   */\n  selected: string\n  /**\n   * Callback function to update the selected section ID.\n   @since 12.18.0\n   */\n  onSelect: (id: string) => void\n}\n\nexport type AnchorProps = {\n  label: string\n  selected: boolean\n  onClick: () => void\n}\n"],"mappings":""}

package/dist/AnchorNavigation/AnchorNavigationProvider.d.ts

@@ -3,18 +3,18 @@ import type { AnchorNavigationElementSection } from './AnchorNavigation.types';
 export declare const AnchorNavigationContext: React.Context<{
     offset: number;
     sections: AnchorNavigationElementSection[];
-    active: string;
+    selected: string;
     registerSection: (id: string, label: string, element: HTMLElement) => void;
     unregisterSection: (id: string) => void;
-    setActive: (id: string, withScroll?: boolean) => void;
+    onSelect: (id: string, withScroll?: boolean) => void;
 }>;
 export declare const useAnchorNavigationContext: () => {
     offset: number;
     sections: AnchorNavigationElementSection[];
-    active: string;
+    selected: string;
     registerSection: (id: string, label: string, element: HTMLElement) => void;
     unregisterSection: (id: string) => void;
-    setActive: (id: string, withScroll?: boolean) => void;
+    onSelect: (id: string, withScroll?: boolean) => void;
 };
 interface AnchorNavigationProviderProps {
     offset?: number;

package/dist/AnchorNavigation/AnchorNavigationProvider.js

@@ -9,10 +9,10 @@ import React from 'react';
 export var AnchorNavigationContext = /*#__PURE__*/React.createContext({
   offset: 0,
   sections: [],
-  active: '',
+  selected: '',
   registerSection: function registerSection() {},
   unregisterSection: function unregisterSection() {},
-  setActive: function setActive() {}
+  onSelect: function onSelect() {}
 });
 export var useAnchorNavigationContext = function useAnchorNavigationContext() {
   return React.useContext(AnchorNavigationContext);
@@ -46,19 +46,19 @@ export function AnchorNavigationProvider(_ref) {
     offset = _ref$offset === void 0 ? 0 : _ref$offset;
   var _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
-    active = _React$useState2[0],
-    setActive = _React$useState2[1];
+    selected = _React$useState2[0],
+    setSelected = _React$useState2[1];
   var ref = React.useRef({
     sections: [],
     blockScrollTimestamp: 0,
     scroller: null
   });
-  var changeActive = function changeActive(id) {
+  var changeSelected = function changeSelected(id) {
     var _sections$find;
     var _ref$current = ref.current,
       sections = _ref$current.sections,
       scroller = _ref$current.scroller;
-    setActive(id);
+    setSelected(id);
     var element = (_sections$find = sections.find(function (section) {
       return section.id === id;
     })) === null || _sections$find === void 0 ? void 0 : _sections$find.element;
@@ -93,7 +93,7 @@ export function AnchorNavigationProvider(_ref) {
       if (getElementScrollPosition(sections[0].element, scroller) > y) {
         if (event) {
           var _sections$;
-          setActive((_sections$ = sections[0]) === null || _sections$ === void 0 ? void 0 : _sections$.id);
+          setSelected((_sections$ = sections[0]) === null || _sections$ === void 0 ? void 0 : _sections$.id);
         }
         return;
       }
@@ -104,7 +104,7 @@ export function AnchorNavigationProvider(_ref) {
       });
       var selectedElement = selectedIndex === -1 ? sections[sections.length - 1] : sections[Math.max(selectedIndex - 1, 0)];
       if (selectedElement) {
-        setActive(selectedElement.id);
+        setSelected(selectedElement.id);
       }
     };
     var throttleScrollEvent = throttle(onScroll, 100);
@@ -151,7 +151,7 @@ export function AnchorNavigationProvider(_ref) {
       });
     }
     if (sections.length === 1) {
-      setActive(id);
+      setSelected(id);
     }
   };
   var unregisterSection = function unregisterSection(id) {
@@ -166,9 +166,9 @@ export function AnchorNavigationProvider(_ref) {
   return /*#__PURE__*/React.createElement(AnchorNavigationContext.Provider, {
     value: {
       offset: offset,
-      active: active,
+      selected: selected,
       sections: ref.current.sections,
-      setActive: changeActive,
+      onSelect: changeSelected,
       registerSection: registerSection,
       unregisterSection: unregisterSection
     }

package/dist/AnchorNavigation/AnchorNavigationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorNavigationProvider.js","names":["throttle","React","AnchorNavigationContext","createContext","offset","sections","active","registerSection","unregisterSection","setActive","useAnchorNavigationContext","useContext","findScrollContainer","element","parent","parentElement","_window$getComputedSt","window","getComputedStyle","overflow","split","every","o","document","documentElement","getElementScrollPosition","scroller","y","el","offsetTop","offsetParent","AnchorNavigationProvider","_ref","children","_ref$offset","_React$useState","useState","_React$useState2","_slicedToArray","ref","useRef","blockScrollTimestamp","changeActive","id","_sections$find","_ref$current","current","find","section","scrollTo","top","behavior","Date","getTime","useEffect","onScroll","event","_ref$current2","now","length","scrollTop","scrollY","_sections$","selectedIndex","findIndex","item","selectedElement","Math","max","throttleScrollEvent","addEventListener","capture","passive","removeEventListener","cancel","label","_ref$current3","index","push","splice","createElement","Provider","value"],"sources":["../../src/AnchorNavigation/AnchorNavigationProvider.tsx"],"sourcesContent":["import throttle from 'lodash.throttle'\nimport React from 'react'\nimport type { AnchorNavigationElementSection } from './AnchorNavigation.types'\n\nexport const AnchorNavigationContext = React.createContext<{\n  offset: number\n  sections: AnchorNavigationElementSection[]\n  active: string\n  registerSection: (id: string, label: string, element: HTMLElement) => void\n  unregisterSection: (id: string) => void\n  setActive: (id: string, withScroll?: boolean) => void\n}>({\n  offset: 0,\n  sections: [],\n  active: '',\n  registerSection: () => {},\n  unregisterSection: () => {},\n  setActive: () => {},\n})\n\nexport const useAnchorNavigationContext = () =>\n  React.useContext(AnchorNavigationContext)\n\ninterface AnchorNavigationProviderProps {\n  offset?: number\n}\n\nfunction findScrollContainer(element: HTMLElement): HTMLElement {\n  let parent = element.parentElement\n  while (parent) {\n    const { overflow } = window.getComputedStyle(parent)\n    if (overflow.split(' ').every((o) => o === 'auto' || o === 'scroll')) {\n      return parent\n    }\n    parent = parent.parentElement\n  }\n\n  return document.documentElement\n}\n\nfunction getElementScrollPosition(\n  element: HTMLElement,\n  scroller: HTMLElement | null\n): number {\n  let y = 0\n  let el: HTMLElement | null = element\n\n  do {\n    y += el.offsetTop\n    el = el.offsetParent as HTMLElement | null\n  } while (el && el !== scroller)\n\n  return y\n}\n\nexport function AnchorNavigationProvider({\n  children,\n  offset = 0,\n}: React.PropsWithChildren<AnchorNavigationProviderProps>) {\n  const [active, setActive] = React.useState('')\n  const ref = React.useRef<{\n    sections: AnchorNavigationElementSection[]\n    blockScrollTimestamp: number\n    scroller: HTMLElement | null\n  }>({\n    sections: [],\n    blockScrollTimestamp: 0,\n    scroller: null,\n  })\n\n  const changeActive = (id: string) => {\n    const { sections, scroller } = ref.current\n    setActive(id)\n\n    const element = sections.find((section) => section.id === id)?.element\n\n    if (element) {\n      ;(scroller || window).scrollTo({\n        top: getElementScrollPosition(element, scroller) - offset,\n        behavior: 'smooth',\n      })\n\n      // Disable scroll listener to avoid changing active element\n      ref.current.blockScrollTimestamp = new Date().getTime()\n    }\n  }\n\n  React.useEffect(() => {\n    const onScroll = (event?: Event) => {\n      const { blockScrollTimestamp, sections, scroller } = ref.current\n      const now = new Date().getTime()\n\n      if (!sections.length) return\n\n      // Disable scroll event when auto scrolling by clicking on the anchor\n      if (now - blockScrollTimestamp < 200) {\n        ref.current.blockScrollTimestamp = now\n        return\n      }\n\n      const y =\n        (scroller\n          ? scroller.scrollTop\n          : window.scrollY || document.documentElement.scrollTop) + offset\n\n      // Before the first element\n      if (getElementScrollPosition(sections[0].element, scroller) > y) {\n        if (event) {\n          setActive(sections[0]?.id)\n        }\n        return\n      }\n\n      // Get first element overflowing top, get the previous one\n      const selectedIndex = sections.findIndex(\n        (item) => getElementScrollPosition(item.element, scroller) > y\n      )\n\n      const selectedElement =\n        selectedIndex === -1\n          ? sections[sections.length - 1]\n          : sections[Math.max(selectedIndex - 1, 0)]\n\n      if (selectedElement) {\n        setActive(selectedElement.id)\n      }\n    }\n\n    const throttleScrollEvent = throttle(onScroll, 100)\n    addEventListener('scroll', throttleScrollEvent, {\n      capture: false,\n      passive: true,\n    })\n    onScroll()\n\n    return () => {\n      removeEventListener('scroll', throttleScrollEvent, { capture: false })\n      throttleScrollEvent.cancel()\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const registerSection = (id: string, label: string, element: HTMLElement) => {\n    if (!ref.current.scroller) {\n      ref.current.scroller = findScrollContainer(element)\n    }\n\n    const { sections, scroller } = ref.current\n\n    if (sections.find((section) => section.id === id)) {\n      return\n    }\n\n    const y = getElementScrollPosition(element, scroller)\n    const index = sections.findIndex(\n      (section) => getElementScrollPosition(section.element, scroller) > y\n    )\n\n    if (index === -1) {\n      sections.push({ id, label, element })\n    } else {\n      sections.splice(index, 0, { id, label, element })\n    }\n\n    if (sections.length === 1) {\n      setActive(id)\n    }\n  }\n\n  const unregisterSection = (id: string) => {\n    const { sections } = ref.current\n    const index = sections.findIndex((section) => section.id === id)\n    if (index !== -1) {\n      sections.splice(index, 1)\n    }\n  }\n\n  return (\n    <AnchorNavigationContext.Provider\n      value={{\n        offset,\n        active,\n        sections: ref.current.sections,\n        setActive: changeActive,\n        registerSection,\n        unregisterSection,\n      }}\n    >\n      {children}\n    </AnchorNavigationContext.Provider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnchorNavigationProvider.js","names":["throttle","React","AnchorNavigationContext","createContext","offset","sections","selected","registerSection","unregisterSection","onSelect","useAnchorNavigationContext","useContext","findScrollContainer","element","parent","parentElement","_window$getComputedSt","window","getComputedStyle","overflow","split","every","o","document","documentElement","getElementScrollPosition","scroller","y","el","offsetTop","offsetParent","AnchorNavigationProvider","_ref","children","_ref$offset","_React$useState","useState","_React$useState2","_slicedToArray","setSelected","ref","useRef","blockScrollTimestamp","changeSelected","id","_sections$find","_ref$current","current","find","section","scrollTo","top","behavior","Date","getTime","useEffect","onScroll","event","_ref$current2","now","length","scrollTop","scrollY","_sections$","selectedIndex","findIndex","item","selectedElement","Math","max","throttleScrollEvent","addEventListener","capture","passive","removeEventListener","cancel","label","_ref$current3","index","push","splice","createElement","Provider","value"],"sources":["../../src/AnchorNavigation/AnchorNavigationProvider.tsx"],"sourcesContent":["import throttle from 'lodash.throttle'\nimport React from 'react'\nimport type { AnchorNavigationElementSection } from './AnchorNavigation.types'\n\nexport const AnchorNavigationContext = React.createContext<{\n  offset: number\n  sections: AnchorNavigationElementSection[]\n  selected: string\n  registerSection: (id: string, label: string, element: HTMLElement) => void\n  unregisterSection: (id: string) => void\n  onSelect: (id: string, withScroll?: boolean) => void\n}>({\n  offset: 0,\n  sections: [],\n  selected: '',\n  registerSection: () => {},\n  unregisterSection: () => {},\n  onSelect: () => {},\n})\n\nexport const useAnchorNavigationContext = () =>\n  React.useContext(AnchorNavigationContext)\n\ninterface AnchorNavigationProviderProps {\n  offset?: number\n}\n\nfunction findScrollContainer(element: HTMLElement): HTMLElement {\n  let parent = element.parentElement\n  while (parent) {\n    const { overflow } = window.getComputedStyle(parent)\n    if (overflow.split(' ').every((o) => o === 'auto' || o === 'scroll')) {\n      return parent\n    }\n    parent = parent.parentElement\n  }\n\n  return document.documentElement\n}\n\nfunction getElementScrollPosition(\n  element: HTMLElement,\n  scroller: HTMLElement | null\n): number {\n  let y = 0\n  let el: HTMLElement | null = element\n\n  do {\n    y += el.offsetTop\n    el = el.offsetParent as HTMLElement | null\n  } while (el && el !== scroller)\n\n  return y\n}\n\nexport function AnchorNavigationProvider({\n  children,\n  offset = 0,\n}: React.PropsWithChildren<AnchorNavigationProviderProps>) {\n  const [selected, setSelected] = React.useState('')\n  const ref = React.useRef<{\n    sections: AnchorNavigationElementSection[]\n    blockScrollTimestamp: number\n    scroller: HTMLElement | null\n  }>({\n    sections: [],\n    blockScrollTimestamp: 0,\n    scroller: null,\n  })\n\n  const changeSelected = (id: string) => {\n    const { sections, scroller } = ref.current\n    setSelected(id)\n\n    const element = sections.find((section) => section.id === id)?.element\n\n    if (element) {\n      ;(scroller || window).scrollTo({\n        top: getElementScrollPosition(element, scroller) - offset,\n        behavior: 'smooth',\n      })\n\n      // Disable scroll listener to avoid changing active element\n      ref.current.blockScrollTimestamp = new Date().getTime()\n    }\n  }\n\n  React.useEffect(() => {\n    const onScroll = (event?: Event) => {\n      const { blockScrollTimestamp, sections, scroller } = ref.current\n      const now = new Date().getTime()\n\n      if (!sections.length) return\n\n      // Disable scroll event when auto scrolling by clicking on the anchor\n      if (now - blockScrollTimestamp < 200) {\n        ref.current.blockScrollTimestamp = now\n        return\n      }\n\n      const y =\n        (scroller\n          ? scroller.scrollTop\n          : window.scrollY || document.documentElement.scrollTop) + offset\n\n      // Before the first element\n      if (getElementScrollPosition(sections[0].element, scroller) > y) {\n        if (event) {\n          setSelected(sections[0]?.id)\n        }\n        return\n      }\n\n      // Get first element overflowing top, get the previous one\n      const selectedIndex = sections.findIndex(\n        (item) => getElementScrollPosition(item.element, scroller) > y\n      )\n\n      const selectedElement =\n        selectedIndex === -1\n          ? sections[sections.length - 1]\n          : sections[Math.max(selectedIndex - 1, 0)]\n\n      if (selectedElement) {\n        setSelected(selectedElement.id)\n      }\n    }\n\n    const throttleScrollEvent = throttle(onScroll, 100)\n    addEventListener('scroll', throttleScrollEvent, {\n      capture: false,\n      passive: true,\n    })\n    onScroll()\n\n    return () => {\n      removeEventListener('scroll', throttleScrollEvent, { capture: false })\n      throttleScrollEvent.cancel()\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const registerSection = (id: string, label: string, element: HTMLElement) => {\n    if (!ref.current.scroller) {\n      ref.current.scroller = findScrollContainer(element)\n    }\n\n    const { sections, scroller } = ref.current\n\n    if (sections.find((section) => section.id === id)) {\n      return\n    }\n\n    const y = getElementScrollPosition(element, scroller)\n    const index = sections.findIndex(\n      (section) => getElementScrollPosition(section.element, scroller) > y\n    )\n\n    if (index === -1) {\n      sections.push({ id, label, element })\n    } else {\n      sections.splice(index, 0, { id, label, element })\n    }\n\n    if (sections.length === 1) {\n      setSelected(id)\n    }\n  }\n\n  const unregisterSection = (id: string) => {\n    const { sections } = ref.current\n    const index = sections.findIndex((section) => section.id === id)\n    if (index !== -1) {\n      sections.splice(index, 1)\n    }\n  }\n\n  return (\n    <AnchorNavigationContext.Provider\n      value={{\n        offset,\n        selected,\n        sections: ref.current.sections,\n        onSelect: changeSelected,\n        registerSection,\n        unregisterSection,\n      }}\n    >\n      {children}\n    </AnchorNavigationContext.Provider>\n  )\n}\n"],"mappings":"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"}

package/dist/AnchorNavigation/index.d.ts

@@ -1 +1,2 @@
-export { AnchorNavigation } from './AnchorNavigation';
+export { AnchorNavigation as UNSAFE_AnchorNavigation } from './AnchorNavigation';
+export type { AnchorNavigationProps as UNSAFE_AnchorNavigationProps } from './AnchorNavigation.types';

package/dist/AnchorNavigation/index.js

@@ -1,2 +1,2 @@
-export { AnchorNavigation } from './AnchorNavigation';
+export { AnchorNavigation as UNSAFE_AnchorNavigation } from './AnchorNavigation';
 //# sourceMappingURL=index.js.map

package/dist/AnchorNavigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AnchorNavigation"],"sources":["../../src/AnchorNavigation/index.ts"],"sourcesContent":["export { AnchorNavigation } from './AnchorNavigation'\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,oBAAoB"}
+{"version":3,"file":"index.js","names":["AnchorNavigation","UNSAFE_AnchorNavigation"],"sources":["../../src/AnchorNavigation/index.ts"],"sourcesContent":["export { AnchorNavigation as UNSAFE_AnchorNavigation } from './AnchorNavigation'\nexport type { AnchorNavigationProps as UNSAFE_AnchorNavigationProps } from './AnchorNavigation.types'\n"],"mappings":"AAAA,SAASA,gBAAgB,IAAIC,uBAAuB,QAAQ,oBAAoB"}

package/dist/Avatar/Avatar.styles.js

@@ -28,26 +28,26 @@ var iconSize = {
 };
 export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarOverlay",
-  componentId: "core-12_20_1__sc-7q2ydl-0"
+  componentId: "core-12_20_3__sc-7q2ydl-0"
 })(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_20_1__sc-7q2ydl-1"
+  componentId: "core-12_20_3__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-12_20_1__sc-7q2ydl-2"
+  componentId: "core-12_20_3__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-12_20_1__sc-7q2ydl-3"
+  componentId: "core-12_20_3__sc-7q2ydl-3"
 })(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
   var $imageUrl = _ref.$imageUrl;
   return css(["background-image:url(", ");"], $imageUrl);
 });
 export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarContainer",
-  componentId: "core-12_20_1__sc-7q2ydl-4"
+  componentId: "core-12_20_3__sc-7q2ydl-4"
 })(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus, getGapOutlineFocus, function (_ref2) {
   var _ref2$$size = _ref2.$size,
     $size = _ref2$$size === void 0 ? 'md' : _ref2$$size;

package/dist/AvatarStack/AvatarStack.styles.js

@@ -7,32 +7,32 @@ import { spacing } from '../_styles/spacing';
 var maxModalWidth = 528;
 var StyledBaseAvatar = /*#__PURE__*/styled(Avatar).withConfig({
   displayName: "StyledBaseAvatar",
-  componentId: "core-12_20_1__sc-ft72hu-0"
+  componentId: "core-12_20_3__sc-ft72hu-0"
 })(["border-color:", ";border-style:solid;border-width:1px;&:hover{z-index:1;}&[role='img']:focus{outline:none;}"], colors.white);
 export var StyledAvatar = /*#__PURE__*/styled(StyledBaseAvatar).withConfig({
   displayName: "StyledAvatar",
-  componentId: "core-12_20_1__sc-ft72hu-1"
+  componentId: "core-12_20_3__sc-ft72hu-1"
 })(["background-color:", ";"], function (props) {
   return colors[props.$color];
 });
 export var StyledContactItems = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContactItems",
-  componentId: "core-12_20_1__sc-ft72hu-2"
+  componentId: "core-12_20_3__sc-ft72hu-2"
 })(["padding-top:", "px;padding-bottom:", "px;padding-left:", "px;"], spacing.sm, spacing.sm, spacing.xs);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_20_1__sc-ft72hu-3"
+  componentId: "core-12_20_3__sc-ft72hu-3"
 })(["display:flex;", " + ", "{margin-left:-", "px;}"], StyledAvatar, StyledAvatar, spacing.sm);
 export var StyledViewAllWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledViewAllWrapper",
-  componentId: "core-12_20_1__sc-ft72hu-4"
+  componentId: "core-12_20_3__sc-ft72hu-4"
 })(["display:flex;margin-left:", "px;margin-bottom:", "px;"], spacing.md, spacing.lg);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_20_1__sc-ft72hu-5"
+  componentId: "core-12_20_3__sc-ft72hu-5"
 })(["max-width:", "px;"], maxModalWidth);
 export var StyledContactItem = /*#__PURE__*/styled(ContactItem).withConfig({
   displayName: "StyledContactItem",
-  componentId: "core-12_20_1__sc-ft72hu-6"
+  componentId: "core-12_20_3__sc-ft72hu-6"
 })(["flex-shrink:0;"]);
 //# sourceMappingURL=AvatarStack.styles.js.map

package/dist/Badge/Badge.styles.js

@@ -1,10 +1,10 @@
 import styled from 'styled-components';
 export var StyledBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadge",
-  componentId: "core-12_20_1__sc-rpertu-0"
+  componentId: "core-12_20_3__sc-rpertu-0"
 })(["display:inline-block;position:relative;"]);
 export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledBadgeLabel",
-  componentId: "core-12_20_1__sc-rpertu-1"
+  componentId: "core-12_20_3__sc-rpertu-1"
 })(["bottom:100%;position:absolute;right:0;transform:translateX(50%) translateY(50%);"]);
 //# sourceMappingURL=Badge.styles.js.map

package/dist/Banner/Banner.styles.js

@@ -39,7 +39,7 @@ var expandContent = function expandContent(maxHeight) {
 };
 export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBannerContainer",
-  componentId: "core-12_20_1__sc-149wm7c-0"
+  componentId: "core-12_20_3__sc-149wm7c-0"
 })(["align-items:center;border-left:", "px solid;border-radius:", "px;color:", ";display:flex;justify-content:space-between;min-height:52px;padding:0 ", "px;", " ", " ", ""], bannerLeft, borderRadius.md, colors.gray15, spacing.lg, bannerShadow, function (_ref) {
   var variant = _ref.variant;
   var _bannerVariantColors$ = bannerVariantColors[variant],
@@ -52,15 +52,15 @@ export var StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_20_1__sc-149wm7c-1"
+  componentId: "core-12_20_3__sc-149wm7c-1"
 })(["align-self:center;margin:", "px ", "px ", "px 0;width:100%;"], spacing.sm, spacing.lg, spacing.sm);
 export var StyledExpandableContentContainer = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledExpandableContentContainer",
-  componentId: "core-12_20_1__sc-149wm7c-2"
+  componentId: "core-12_20_3__sc-149wm7c-2"
 })(["color:", ";min-height:52px;padding:0 ", "px;position:relative;z-index:1;", ""], colors.gray15, spacing.lg, bannerShadow);
 export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledExpandableContent",
-  componentId: "core-12_20_1__sc-149wm7c-3"
+  componentId: "core-12_20_3__sc-149wm7c-3"
 })(["animation-duration:450ms;animation-fill-mode:forwards;animation-timing-function:ease-out;background-color:", ";box-sizing:border-box;font-size:14px;font-weight:500;letter-spacing:0.25px;line-height:20px;overflow-y:auto;padding:0 ", "px;position:relative;z-index:0;", " ", ""], colors.white, spacing.xl * 2 + spacing.sm, function (_ref3) {
   var $isOverflowingY = _ref3.$isOverflowingY;
   return $isOverflowingY && focusable;
@@ -70,23 +70,23 @@ export var StyledExpandableContent = /*#__PURE__*/styled(Flex).withConfig({
 });
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_20_1__sc-149wm7c-4"
+  componentId: "core-12_20_3__sc-149wm7c-4"
 })(["", " color:", ";font-weight:", ";"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_20_1__sc-149wm7c-5"
+  componentId: "core-12_20_3__sc-149wm7c-5"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.gray15);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_20_1__sc-149wm7c-6"
+  componentId: "core-12_20_3__sc-149wm7c-6"
 })(["flex:0 0 auto;margin:", "px 0;"], spacing.lg);
 export var StyledActionsTrigger = /*#__PURE__*/styled(DropdownButton).withConfig({
   displayName: "StyledActionsTrigger",
-  componentId: "core-12_20_1__sc-149wm7c-7"
+  componentId: "core-12_20_3__sc-149wm7c-7"
 })(["flex-shrink:0;& + ", ",& + ", "{margin-left:-", "px;}"], StyledButton, StyledLinkButton, spacing.sm);
 export var StyledAction = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAction",
-  componentId: "core-12_20_1__sc-149wm7c-8"
+  componentId: "core-12_20_3__sc-149wm7c-8"
 })(["margin:", "px 0 ", "px -", "px;& + ", ",& + ", ",& + ", "{margin-left:-", "px;}", ",", "{background:rgba(0,0,0,0.05);color:", ";&:hover{background:", ";color:", ";}}"], spacing.sm, spacing.sm, spacing.sm, StyledButton, StyledLinkButton, StyledActionsTrigger, spacing.sm, StyledButton, StyledLinkButton, colors.gray15, colors.gray85, colors.gray15);
 function getMiniBannerIconColor(_ref5) {
   var variant = _ref5.variant;
@@ -94,6 +94,6 @@ function getMiniBannerIconColor(_ref5) {
 }
 export var StyledMiniBannerContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMiniBannerContainer",
-  componentId: "core-12_20_1__sc-149wm7c-9"
+  componentId: "core-12_20_3__sc-149wm7c-9"
 })(["align-items:center;background-color:", ";display:flex;justify-content:space-between;padding:0 ", "px;", " ", " & ", "{margin:", "px;}"], colors.gray96, spacing.md, getTypographyIntent('small'), getMiniBannerIconColor, StyledContent, spacing.sm);
 //# sourceMappingURL=Banner.styles.js.map

package/dist/Box/Box.styles.js

@@ -21,7 +21,7 @@ function sizeToPx(size) {
 }
 export var StyledBox = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBox",
-  componentId: "core-12_20_1__sc-fgsy0p-0"
+  componentId: "core-12_20_3__sc-fgsy0p-0"
 })(["", " ", ""], function (_ref) {
   var $as = _ref.$as;
   if ($as === 'ol' || $as === 'ul') {

package/dist/Breadcrumbs/Breadcrumbs.styles.js

@@ -4,19 +4,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_20_1__sc-1q6nqfz-0"
+  componentId: "core-12_20_3__sc-1q6nqfz-0"
 })(["color:", ";display:flex;align-items:center;a,a:hover{display:inline-flex;text-decoration:none;}"], colors.gray50);
 export var StyledList = /*#__PURE__*/styled.ol.withConfig({
   displayName: "StyledList",
-  componentId: "core-12_20_1__sc-1q6nqfz-1"
+  componentId: "core-12_20_3__sc-1q6nqfz-1"
 })(["display:flex;margin:0;padding-left:0;"]);
 export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSeparator",
-  componentId: "core-12_20_1__sc-1q6nqfz-2"
+  componentId: "core-12_20_3__sc-1q6nqfz-2"
 })(["align-items:center;display:inline-flex;justify-content:center;margin:0px ", "px;"], spacing.xs);
 export var StyledCrumb = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledCrumb",
-  componentId: "core-12_20_1__sc-1q6nqfz-3"
+  componentId: "core-12_20_3__sc-1q6nqfz-3"
 })(["", " align-items:center;color:", ";display:inline-flex;min-height:24px;text-decoration:none;&:hover{cursor:", ";text-decoration:", ";}> a{color:", ";", "}", ""], getTypographyIntent('body'), colors.gray45, function (_ref) {
   var active = _ref.active;
   return active ? 'default' : 'pointer';

package/dist/Button/Button.styles.js

@@ -93,11 +93,11 @@ function getColors(loading, variant) {
 }
 export var StyledContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_20_1__sc-c5bhwh-0"
+  componentId: "core-12_20_3__sc-c5bhwh-0"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledSpinner",
-  componentId: "core-12_20_1__sc-c5bhwh-1"
+  componentId: "core-12_20_3__sc-c5bhwh-1"
 })(["box-sizing:border-box;display:none;position:absolute;transform:translateZ(0);@media ", "{left:50%;top:50%;", "}"], mediaIE11Hack, function (_ref) {
   var size = _ref.size;
   var margin = -1 * (spinnerDimensions[size !== null && size !== void 0 ? size : defaultSpinnerSize] / 2);
@@ -105,14 +105,14 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
 });
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_20_1__sc-c5bhwh-2"
+  componentId: "core-12_20_3__sc-c5bhwh-2"
 })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
 export function getButtonStyles(block, disabled, loading, size, variant) {
   return css(["", " ", " ", " ", " align-items:center;border-radius:", "px;border:0;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;font-family:inherit;font-weight:", ";height:", "px;justify-content:center;margin:0;overflow:hidden;padding:0 ", "px;position:relative;pointer-events:", ";text-overflow:ellipsis;user-select:", ";vertical-align:middle;white-space:nowrap;width:", ";[data-icon-prop='true']{pointer-events:none;height:", "px;width:", "px;}", ""], getTypographyIntent(typographySizes[size]), focusable, variant === 'UNSAFE_helixNav' && css(["&.focus,&:focus{outline:none;box-shadow:0 0 0 2px ", ";}"], colors.blue70), getColors(loading, variant), borderRadius.md, typographyWeights.semibold, heights[size], paddingX[size], disabled || loading ? 'none' : 'inherit', disabled || loading ? 'none' : 'inherit', block && '100%', size === 'sm' ? 16 : 24, size === 'sm' ? 16 : 24, loading && css(["", "{pointer-events:none;visibility:hidden;}", "{display:block;}"], StyledContent, StyledSpinner));
 }
 export var StyledButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledButton",
-  componentId: "core-12_20_1__sc-c5bhwh-3"
+  componentId: "core-12_20_3__sc-c5bhwh-3"
 })(["", ""], function (_ref2) {
   var $block = _ref2.$block,
     disabled = _ref2.disabled,
@@ -123,7 +123,7 @@ export var StyledButton = /*#__PURE__*/styled.button.withConfig({
 });
 export var StyledLinkButton = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkButton",
-  componentId: "core-12_20_1__sc-c5bhwh-4"
+  componentId: "core-12_20_3__sc-c5bhwh-4"
 })(["&,&:hover{text-decoration:none;}", ""], function (_ref3) {
   var $block = _ref3.$block,
     $disabled = _ref3.$disabled,

package/dist/Button/Button.types.d.ts

@@ -35,10 +35,10 @@ export interface ButtonProps extends ButtonAttributes {
      */
     size?: ButtonSizes;
     /**
-     * The variant of the button
+     * The variant of the button.
+     * @ deprecated variant "tertiaryContrast" has been deprecated since 12.18.0
+     * and will be removed in a future version
      * @since 10.27.2
-     * @deprecatedSince 12.18.0
-     * @deprecated variant "tertiaryContrast" has been deprecated and will be removed in a future version
      */
     variant?: ButtonVariant;
 }