@procore/core-react 12.53.0 → 12.53.2

package/dist/Tabs/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.js","names":["styled","css","Card","StyledItem","getTypographyIntent","colors","spacing","hiddenTab","visible","borderRadius","xs","StyledTabBase","div","withConfig","displayName","componentId","StyledTabInnerBase","StyledDropdownTabBase","getTabStyle","xl","_ref","$selected","gray15","_ref2","$dark","gray90","blue40","StyledTab","StyledTabInner","_ref3","_ref4","white","gray70","StyledDropdownTab","StyledDropdownTabInner","StyledLink","span","getHelixHeaderTabStyles","sm","blue70","_ref5","gray30","StyledGlobalNavigationTab","StyledGlobalNavigationDropdownTab","StyledGlobalNavigationDropdownTabInner","StyledGlobalNavigationLink","StyledOverlay","blue50","StyledTabList","StyledTabs","_ref6","_ref7","$helix","_ref8","$index","_ref9","_ref9$$index","StyledMoreLi","li","_ref0","getStyledComponents","helixHeader","arguments","length","undefined","Tab","TabInner","Link","DropdownTab","DropdownTabInner","MoreLi"],"sources":["../../src/Tabs/Tabs.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledItem } from '../MenuImperative/MenuImperative.styles'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\ntype TabStyleProps = {\n  $selected?: boolean\n  $dark?: boolean\n}\n\nconst hiddenTab = css`\n  pointer-events: none;\n  position: absolute;\n  visibility: hidden;\n`\n\nconst visible = css`\n  pointer-events: all;\n  position: relative;\n  visibility: visible;\n`\n\nconst borderRadius = css`\n  border-radius: ${spacing.xs}px ${spacing.xs}px 0 0;\n`\n\n//// START BASE LAYOUT COMPONENTS FOR TABS ////\n\n/**\n * Elements to handle general layout and browser resets.\n * Will be the referencable element (class) other selectors\n * that need to target general layout references.\n */\nconst StyledTabBase = styled.div<TabStyleProps>`\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  position: relative;\n  white-space: nowrap;\n\n  // Browser button and anchor style resets\n  text-decoration: none;\n  background-color: transparent;\n  border: none;\n  font-family: inherit;\n  padding: 0;\n`\n\nconst StyledTabInnerBase = styled.div<TabStyleProps>`\n  align-self: baseline;\n  box-sizing: border-box;\n\n  &,\n  > a {\n    display: flex;\n    text-decoration: none;\n    width: 100%;\n  }\n`\n\n// This so that it can be visible/hidden via CSS down below\nconst StyledDropdownTabBase = styled(StyledTabBase)`\n  ${hiddenTab}\n`\n\n//// END BASE LAYOUT COMPONENTS FOR TABS ////\n\n//// START TRADITIONAL DESIGN SYSTEM TAB STYLES ////\n\n/**\n * Styles specific to the Design System general cases (not Global nav)\n */\nfunction getTabStyle() {\n  return css<TabStyleProps>`\n    ${borderRadius};\n    height: 26px;\n\n    & + ${StyledTabBase} {\n      margin-left: ${spacing.xl}px;\n    }\n\n    a& {\n      ${borderRadius}\n    }\n\n    &,\n    a&,\n    button& {\n      ${({ $selected }) => {\n        if ($selected) {\n          return css`\n            border-bottom: 3px solid ${colors.gray15};\n          `\n        }\n      }}\n    }\n\n    &:focus-visible,\n    &:hover {\n      background: ${({ $dark }) => ($dark ? 'transparent' : colors.gray90)};\n    }\n\n    &:focus-visible {\n      box-shadow: inset 0 0 0 2px ${colors.blue40};\n      outline: none;\n\n      a {\n        outline: none;\n      }\n    }\n  `\n}\n\nconst StyledTab = styled(StyledTabBase)<TabStyleProps>`\n  ${getTabStyle}\n`\n\nconst StyledTabInner = styled(StyledTabInnerBase)<TabStyleProps>`\n  ${getTypographyIntent('body')}\n\n  padding: 0 ${spacing.xs}px;\n  font-weight: ${({ $selected }) => ($selected ? 600 : 400)};\n\n  &,\n  > a {\n    ${borderRadius};\n    color: ${colors.gray15};\n    height: 23px;\n  }\n\n  & a:focus-visible {\n    outline: 2px solid ${colors.blue40};\n    outline-offset: -1px;\n    border-radius: ${spacing.xs}px;\n  }\n\n  /* TODO: Dark mode was not considered for helix updates,\n  *  matching previous UX patterns - April 2nd 2024\n  */\n  ${({ $selected, $dark }) => {\n    if ($dark) {\n      return css`\n        &,\n        > a,\n        button&,\n        a& {\n          color: ${$selected ? colors.white : colors.gray70};\n\n          &:hover {\n            color: white;\n          }\n        }\n      `\n    }\n  }}\n`\n\nconst StyledDropdownTab = styled(StyledDropdownTabBase)`\n  ${getTabStyle}\n`\n\nconst StyledDropdownTabInner = styled(StyledTabInner)`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n`\n\nconst StyledLink = styled.span`\n  align-items: center;\n  display: flex;\n  height: 23px; // TODO one-off\n  ${borderRadius};\n  box-sizing: border-box;\n`\n\n//// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////\n\n//// START HELIX GLOBAL NAVIGATION TAB STYLES ////\n\nfunction getHelixHeaderTabStyles() {\n  return css<TabStyleProps>`\n    border-radius: 4px;\n    color: ${colors.white};\n    height: 24px;\n    overflow: hidden;\n    padding: ${spacing.xs}px;\n    text-align: center;\n\n    ${getTypographyIntent('small')};\n    font-weight: 600; // Different than typograhy intent small, must be defined after\n\n    & + ${StyledTabBase} {\n      margin-left: ${spacing.sm}px;\n    }\n\n    a {\n      color: ${colors.white};\n    }\n\n    &:hover {\n      background: rgba(117, 131, 138, 0.3);\n      color: ${colors.white};\n      text-decoration: none;\n    }\n\n    &:focus-visible,\n    &:has(a:focus) {\n      outline: 2px solid ${colors.blue70};\n      background: rgba(117, 131, 138, 0.3);\n      a {\n        outline: none;\n      }\n    }\n\n    ${({ $selected }) => {\n      if ($selected) {\n        return css`\n          background: ${colors.gray30};\n          border: 1px solid ${colors.white};\n        `\n      }\n    }}\n  `\n}\n\nconst StyledGlobalNavigationTab = styled(StyledTabBase)`\n  ${getHelixHeaderTabStyles}\n`\n\nconst StyledGlobalNavigationDropdownTab = styled(StyledDropdownTabBase)`\n  ${getHelixHeaderTabStyles}\n`\n\nconst StyledGlobalNavigationDropdownTabInner = styled(StyledTabInnerBase)`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n`\n\nconst StyledGlobalNavigationLink = styled.span`\n  padding-left: 6px;\n  padding-right: 6px;\n`\n\n//// END HELIX GLOBAL NAVIGATION TAB STYLES ////\n\nexport const StyledOverlay = styled(Card)`\n  max-height: 40vh;\n\n  ${StyledItem} {\n    padding: 0;\n    display: flex;\n    justify-content: center;\n\n    a {\n      color: unset;\n      margin: unset;\n      padding: unset;\n      &:focus-visible {\n        outline-offset: 1px;\n      }\n    }\n  }\n\n  ${StyledLink} {\n    padding: 0;\n    display: flex;\n  }\n\n  ${StyledTabInnerBase} {\n    // unsure why top and bottom are not uniform\n    // design docs show uniform 4px\n    padding: 2px 16px 4px 16px;\n  }\n\n  ${StyledLink},\n  ${StyledTabBase} {\n    color: ${colors.gray15};\n    border-radius: 0;\n    display: flex;\n    width: 100%;\n\n    background: inherit;\n    font-weight: inherit;\n    font-size: inherit;\n    padding: 0;\n  }\n\n  [data-selected='true'] {\n    ${StyledLink}, ${StyledTabBase} {\n      border-bottom-color: transparent;\n      color: ${colors.blue50};\n    }\n  }\n`\n\nexport const StyledTabList = styled.div`\n  display: flex;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n`\n\nexport const StyledTabs = styled.div<{\n  $dark?: boolean\n  $index?: number\n  $helix?: boolean\n}>`\n  background-color: ${({ $dark }) => $dark && colors.gray15};\n  display: flex;\n  overflow: ${({ $helix }) => ($helix ? 'visible' : 'hidden')};\n  width: 100%;\n\n  ${StyledTabBase} {\n    // we want to hide all tabs after overflow index\n    &:nth-child(1n + ${({ $index }) => $index}) {\n      // but not the \"More\" dropdown tab\n      &:not(${StyledDropdownTabBase}) {\n        ${hiddenTab}\n      }\n    }\n  }\n\n  ${({ $index = -1 }) =>\n    $index >= 0 &&\n    css`\n      ${StyledDropdownTabBase} {\n        ${visible}\n      }\n    `}\n`\n\nconst StyledMoreLi = styled.li<{ $helix?: boolean }>`\n  ${({ $helix }) =>\n    $helix\n      ? css`\n          margin-left: ${spacing.sm}px;\n        `\n      : css`\n          margin-left: ${spacing.xl}px;\n        `}\n`\n\n/**\n * Switches between different Tab styles of traditional and helix header navigation.\n * Allows separate style CSS without conditionals across all the components.\n * @returns Subcomponents to render\n */\nexport function getStyledComponents(helixHeader = false) {\n  if (helixHeader) {\n    return {\n      Tab: StyledGlobalNavigationTab,\n      TabInner: StyledTabInnerBase,\n      Link: StyledGlobalNavigationLink,\n      DropdownTab: StyledGlobalNavigationDropdownTab,\n      DropdownTabInner: StyledGlobalNavigationDropdownTabInner,\n      MoreLi: StyledMoreLi,\n    }\n  }\n  return {\n    Tab: StyledTab,\n    TabInner: StyledTabInner,\n    Link: StyledLink,\n    DropdownTab: StyledDropdownTab,\n    DropdownTabInner: StyledDropdownTabInner,\n    MoreLi: StyledMoreLi,\n  }\n}\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,UAAU,QAAQ,yCAAyC;AACpE,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAO5C,IAAMC,SAAS,gBAAGN,GAAG,8DAIpB;AAED,IAAMO,OAAO,gBAAGP,GAAG,8DAIlB;AAED,IAAMQ,YAAY,gBAAGR,GAAG,uCACLK,OAAO,CAACI,EAAE,EAAMJ,OAAO,CAACI,EAAE,CAC5C;;AAED;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,gBAAGX,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0PAgB/B;AAED,IAAMC,kBAAkB,gBAAGhB,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sGAUpC;;AAED;AACA,IAAME,qBAAqB,gBAAGjB,MAAM,CAACW,aAAa,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/CR,SAAS,CACZ;;AAED;;AAEA;;AAEA;AACA;AACA;AACA,SAASW,WAAWA,CAAA,EAAG;EACrB,OAAOjB,GAAG,sMACNQ,YAAY,EAGRE,aAAa,EACFL,OAAO,CAACa,EAAE,EAIvBV,YAAY,EAMZ,UAAAW,IAAA,EAAmB;IAAA,IAAhBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACZ,IAAIA,SAAS,EAAE;MACb,OAAOpB,GAAG,oCACmBI,MAAM,CAACiB,MAAM;IAE5C;EACF,CAAC,EAKa,UAAAC,KAAA;IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAA,OAAQA,KAAK,GAAG,aAAa,GAAGnB,MAAM,CAACoB,MAAM;EAAA,CAAC,EAItCpB,MAAM,CAACqB,MAAM;AAQjD;AAEA,IAAMC,SAAS,gBAAG3B,MAAM,CAACW,aAAa,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnCG,WAAW,CACd;AAED,IAAMU,cAAc,gBAAG5B,MAAM,CAACgB,kBAAkB,CAAC,CAAAH,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0KAC7CX,mBAAmB,CAAC,MAAM,CAAC,EAEhBE,OAAO,CAACI,EAAE,EACR,UAAAmB,KAAA;EAAA,IAAGR,SAAS,GAAAQ,KAAA,CAATR,SAAS;EAAA,OAAQA,SAAS,GAAG,GAAG,GAAG,GAAG;AAAA,CAAC,EAIrDZ,YAAY,EACLJ,MAAM,CAACiB,MAAM,EAKDjB,MAAM,CAACqB,MAAM,EAEjBpB,OAAO,CAACI,EAAE,EAM3B,UAAAoB,KAAA,EAA0B;EAAA,IAAvBT,SAAS,GAAAS,KAAA,CAATT,SAAS;IAAEG,KAAK,GAAAM,KAAA,CAALN,KAAK;EACnB,IAAIA,KAAK,EAAE;IACT,OAAOvB,GAAG,yDAKGoB,SAAS,GAAGhB,MAAM,CAAC0B,KAAK,GAAG1B,MAAM,CAAC2B,MAAM;EAOvD;AACF,CAAC,CACF;AAED,IAAMC,iBAAiB,gBAAGjC,MAAM,CAACiB,qBAAqB,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnDG,WAAW,CACd;AAED,IAAMgB,sBAAsB,gBAAGlC,MAAM,CAAC4B,cAAc,CAAC,CAAAf,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAIpD;AAED,IAAMoB,UAAU,gBAAGnC,MAAM,CAACoC,IAAI,CAAAvB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gFAI1BN,YAAY,CAEf;;AAED;;AAEA;;AAEA,SAAS4B,uBAAuBA,CAAA,EAAG;EACjC,OAAOpC,GAAG,uVAECI,MAAM,CAAC0B,KAAK,EAGVzB,OAAO,CAACI,EAAE,EAGnBN,mBAAmB,CAAC,OAAO,CAAC,EAGxBO,aAAa,EACFL,OAAO,CAACgC,EAAE,EAIhBjC,MAAM,CAAC0B,KAAK,EAKZ1B,MAAM,CAAC0B,KAAK,EAMA1B,MAAM,CAACkC,MAAM,EAOlC,UAAAC,KAAA,EAAmB;IAAA,IAAhBnB,SAAS,GAAAmB,KAAA,CAATnB,SAAS;IACZ,IAAIA,SAAS,EAAE;MACb,OAAOpB,GAAG,6CACMI,MAAM,CAACoC,MAAM,EACPpC,MAAM,CAAC0B,KAAK;IAEpC;EACF,CAAC;AAEL;AAEA,IAAMW,yBAAyB,gBAAG1C,MAAM,CAACW,aAAa,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnDsB,uBAAuB,CAC1B;AAED,IAAMM,iCAAiC,gBAAG3C,MAAM,CAACiB,qBAAqB,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnEsB,uBAAuB,CAC1B;AAED,IAAMO,sCAAsC,gBAAG5C,MAAM,CAACgB,kBAAkB,CAAC,CAAAH,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAIxE;AAED,IAAM8B,0BAA0B,gBAAG7C,MAAM,CAACoC,IAAI,CAAAvB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAG7C;;AAED;;AAEA,OAAO,IAAM+B,aAAa,gBAAG9C,MAAM,CAACE,IAAI,CAAC,CAAAW,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uaAGrCZ,UAAU,EAeVgC,UAAU,EAKVnB,kBAAkB,EAMlBmB,UAAU,EACVxB,aAAa,EACJN,MAAM,CAACiB,MAAM,EAYpBa,UAAU,EAAKxB,aAAa,EAEnBN,MAAM,CAAC0C,MAAM,CAG3B;AAED,OAAO,IAAMC,aAAa,gBAAGhD,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEAMtC;AAED,OAAO,IAAMkC,UAAU,gBAAGjD,MAAM,CAACY,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wHAKd,UAAAmC,KAAA;EAAA,IAAG1B,KAAK,GAAA0B,KAAA,CAAL1B,KAAK;EAAA,OAAOA,KAAK,IAAInB,MAAM,CAACiB,MAAM;AAAA,GAE7C,UAAA6B,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,SAAS,GAAG,QAAQ;AAAA,CAAC,EAGzDzC,aAAa,EAEM,UAAA0C,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOA,MAAM;AAAA,GAE/BrC,qBAAqB,EACzBV,SAAS,EAKf,UAAAgD,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGD,MAAM;IAANA,MAAM,GAAAE,YAAA,cAAG,CAAC,CAAC,GAAAA,YAAA;EAAA,OACdF,MAAM,IAAI,CAAC,IACXrD,GAAG,iBACCgB,qBAAqB,EACnBT,OAAO,CAEZ;AAAA,EACJ;AAED,IAAMiD,YAAY,gBAAGzD,MAAM,CAAC0D,EAAE,CAAA7C,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC1B,UAAA4C,KAAA;EAAA,IAAGP,MAAM,GAAAO,KAAA,CAANP,MAAM;EAAA,OACTA,MAAM,GACFnD,GAAG,0BACcK,OAAO,CAACgC,EAAE,IAE3BrC,GAAG,0BACcK,OAAO,CAACa,EAAE,CAC1B;AAAA,EACR;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,SAASyC,mBAAmBA,CAAA,EAAsB;EAAA,IAArBC,WAAW,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EACrD,IAAID,WAAW,EAAE;IACf,OAAO;MACLI,GAAG,EAAEvB,yBAAyB;MAC9BwB,QAAQ,EAAElD,kBAAkB;MAC5BmD,IAAI,EAAEtB,0BAA0B;MAChCuB,WAAW,EAAEzB,iCAAiC;MAC9C0B,gBAAgB,EAAEzB,sCAAsC;MACxD0B,MAAM,EAAEb;IACV,CAAC;EACH;EACA,OAAO;IACLQ,GAAG,EAAEtC,SAAS;IACduC,QAAQ,EAAEtC,cAAc;IACxBuC,IAAI,EAAEhC,UAAU;IAChBiC,WAAW,EAAEnC,iBAAiB;IAC9BoC,gBAAgB,EAAEnC,sBAAsB;IACxCoC,MAAM,EAAEb;EACV,CAAC;AACH"}
+{"version":3,"file":"Tabs.styles.js","names":["styled","css","Card","StyledItem","getTypographyIntent","colors","spacing","hiddenTab","visible","borderRadius","xs","StyledTabBase","div","withConfig","displayName","componentId","StyledTabInnerBase","StyledDropdownTabBase","getTabStyle","xl","_ref","$selected","gray15","_ref2","$dark","gray90","blue40","StyledTab","StyledTabInner","_ref3","_ref4","white","gray70","StyledDropdownTab","StyledDropdownTabInner","StyledLink","span","getHelixHeaderTabStyles","sm","blue70","_ref5","gray30","StyledGlobalNavigationTab","StyledGlobalNavigationDropdownTab","StyledGlobalNavigationDropdownTabInner","StyledGlobalNavigationLink","StyledOverlay","blue50","StyledTabList","StyledTabs","_ref6","_ref7","$helix","_ref8","$index","_ref9","_ref9$$index","StyledMoreLi","li","_ref0","getStyledComponents","helixHeader","arguments","length","undefined","Tab","TabInner","Link","DropdownTab","DropdownTabInner","MoreLi"],"sources":["../../src/Tabs/Tabs.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledItem } from '../MenuImperative/MenuImperative.styles'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\ntype TabStyleProps = {\n  $selected?: boolean\n  $dark?: boolean\n}\n\nconst hiddenTab = css`\n  pointer-events: none;\n  position: absolute;\n  visibility: hidden;\n`\n\nconst visible = css`\n  pointer-events: all;\n  position: relative;\n  visibility: visible;\n`\n\nconst borderRadius = css`\n  border-radius: ${spacing.xs}px ${spacing.xs}px 0 0;\n`\n\n//// START BASE LAYOUT COMPONENTS FOR TABS ////\n\n/**\n * Elements to handle general layout and browser resets.\n * Will be the referencable element (class) other selectors\n * that need to target general layout references.\n */\nconst StyledTabBase = styled.div<TabStyleProps>`\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  position: relative;\n  white-space: nowrap;\n\n  // Browser button and anchor style resets\n  text-decoration: none;\n  background-color: transparent;\n  border: none;\n  font-family: inherit;\n  padding: 0;\n`\n\nconst StyledTabInnerBase = styled.div<TabStyleProps>`\n  align-self: baseline;\n  box-sizing: border-box;\n\n  &,\n  > a {\n    display: flex;\n    text-decoration: none;\n    width: 100%;\n  }\n`\n\n// This so that it can be visible/hidden via CSS down below\nconst StyledDropdownTabBase = styled(StyledTabBase)`\n  ${hiddenTab}\n`\n\n//// END BASE LAYOUT COMPONENTS FOR TABS ////\n\n//// START TRADITIONAL DESIGN SYSTEM TAB STYLES ////\n\n/**\n * Styles specific to the Design System general cases (not Global nav)\n */\nfunction getTabStyle() {\n  return css<TabStyleProps>`\n    ${borderRadius};\n    height: 26px;\n\n    & + ${StyledTabBase} {\n      margin-left: ${spacing.xl}px;\n    }\n\n    a& {\n      ${borderRadius}\n    }\n\n    &,\n    a&,\n    button& {\n      ${({ $selected }) => {\n        if ($selected) {\n          return css`\n            border-bottom: 3px solid ${colors.gray15};\n          `\n        }\n      }}\n    }\n\n    &:focus-visible,\n    &:hover {\n      background: ${({ $dark }) => ($dark ? 'transparent' : colors.gray90)};\n    }\n\n    &:focus-visible {\n      box-shadow: inset 0 0 0 2px ${colors.blue40};\n      outline: none;\n\n      a {\n        outline: none;\n      }\n    }\n  `\n}\n\nconst StyledTab = styled(StyledTabBase)<TabStyleProps>`\n  ${getTabStyle}\n`\n\nconst StyledTabInner = styled(StyledTabInnerBase)<TabStyleProps>`\n  ${getTypographyIntent('body')}\n\n  padding: 0 ${spacing.xs}px;\n  font-weight: ${({ $selected }) => ($selected ? 600 : 400)};\n\n  &,\n  > a {\n    ${borderRadius};\n    color: ${colors.gray15};\n    height: 23px;\n  }\n\n  & a:focus-visible {\n    outline: 2px solid ${colors.blue40};\n    outline-offset: -1px;\n    border-radius: ${spacing.xs}px;\n  }\n\n  /* TODO: Dark mode was not considered for helix updates,\n  *  matching previous UX patterns - April 2nd 2024\n  */\n  ${({ $selected, $dark }) => {\n    if ($dark) {\n      return css`\n        &,\n        > a,\n        button&,\n        a& {\n          color: ${$selected ? colors.white : colors.gray70};\n\n          &:hover {\n            color: white;\n          }\n        }\n      `\n    }\n  }}\n`\n\nconst StyledDropdownTab = styled(StyledDropdownTabBase)`\n  ${getTabStyle}\n`\n\nconst StyledDropdownTabInner = styled(StyledTabInner)`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n`\n\nconst StyledLink = styled.span`\n  align-items: center;\n  display: flex;\n  height: 23px; // TODO one-off\n  ${borderRadius};\n  box-sizing: border-box;\n`\n\n//// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////\n\n//// START HELIX GLOBAL NAVIGATION TAB STYLES ////\n\nfunction getHelixHeaderTabStyles() {\n  return css<TabStyleProps>`\n    border-radius: 4px;\n    color: ${colors.white};\n    height: 24px;\n    overflow: hidden;\n    padding: ${spacing.xs}px;\n    text-align: center;\n\n    ${getTypographyIntent('small')};\n    font-weight: 600; // Different than typograhy intent small, must be defined after\n\n    & + ${StyledTabBase} {\n      margin-left: ${spacing.sm}px;\n    }\n\n    a {\n      color: ${colors.white};\n    }\n\n    &:hover {\n      background: rgba(117, 131, 138, 0.3);\n      color: ${colors.white};\n      text-decoration: none;\n    }\n\n    &:focus-visible,\n    &:has(a:focus) {\n      outline: 2px solid ${colors.blue70};\n      background: rgba(117, 131, 138, 0.3);\n      a {\n        outline: none;\n      }\n    }\n\n    ${({ $selected }) => {\n      if ($selected) {\n        return css`\n          background: ${colors.gray30};\n          border: 1px solid ${colors.white};\n        `\n      }\n    }}\n  `\n}\n\nconst StyledGlobalNavigationTab = styled(StyledTabBase)`\n  ${getHelixHeaderTabStyles}\n`\n\nconst StyledGlobalNavigationDropdownTab = styled(StyledDropdownTabBase)`\n  ${getHelixHeaderTabStyles}\n`\n\nconst StyledGlobalNavigationDropdownTabInner = styled(StyledTabInnerBase)`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n`\n\nconst StyledGlobalNavigationLink = styled.span`\n  padding-left: 6px;\n  padding-right: 6px;\n`\n\n//// END HELIX GLOBAL NAVIGATION TAB STYLES ////\n\nexport const StyledOverlay = styled(Card)`\n  max-height: 40vh;\n\n  ${StyledItem} {\n    padding: 0;\n    display: flex;\n    justify-content: center;\n\n    a {\n      color: unset;\n      margin: unset;\n      padding: unset;\n      &:focus-visible {\n        outline-offset: 1px;\n      }\n    }\n  }\n\n  ${StyledLink} {\n    padding: 0;\n    display: flex;\n  }\n\n  ${StyledTabInnerBase} {\n    // unsure why top and bottom are not uniform\n    // design docs show uniform 4px\n    padding: 2px 16px 4px 16px;\n  }\n\n  ${StyledLink},\n  ${StyledTabBase} {\n    color: ${colors.gray15};\n    border-radius: 0;\n    display: flex;\n    width: 100%;\n\n    background: inherit;\n    font-weight: inherit;\n    font-size: inherit;\n    padding: 0;\n  }\n\n  [data-selected='true'] {\n    ${StyledLink}, ${StyledTabBase} {\n      border-bottom-color: transparent;\n      color: ${colors.blue50};\n    }\n  }\n`\n\nexport const StyledTabList = styled.div`\n  display: flex;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n`\n\nexport const StyledTabs = styled.div<{\n  $dark?: boolean\n  $index?: number\n  $helix?: boolean\n}>`\n  background-color: ${({ $dark }) => $dark && colors.gray15};\n  display: flex;\n  overflow: ${({ $helix }) => ($helix ? 'visible' : 'hidden')};\n  width: 100%;\n\n  ${StyledTabBase} {\n    // we want to hide all tabs after overflow index\n    &:nth-child(1n + ${({ $index }) => $index}) {\n      // but not the \"More\" dropdown tab\n      &:not(${StyledDropdownTabBase}) {\n        ${hiddenTab}\n      }\n    }\n  }\n\n  ${({ $index = -1 }) =>\n    $index >= 0 &&\n    css`\n      ${StyledDropdownTabBase} {\n        ${visible}\n      }\n    `}\n`\n\nconst StyledMoreLi = styled.li<{ $helix?: boolean }>`\n  ${({ $helix }) =>\n    $helix\n      ? css`\n          margin-left: ${spacing.sm}px;\n        `\n      : css`\n          margin-left: ${spacing.xl}px;\n        `}\n`\n\n/**\n * Switches between different Tab styles of traditional and helix header navigation.\n * Allows separate style CSS without conditionals across all the components.\n * @returns Subcomponents to render\n */\nexport function getStyledComponents(helixHeader = false) {\n  if (helixHeader) {\n    return {\n      Tab: StyledGlobalNavigationTab,\n      TabInner: StyledTabInnerBase,\n      Link: StyledGlobalNavigationLink,\n      DropdownTab: StyledGlobalNavigationDropdownTab,\n      DropdownTabInner: StyledGlobalNavigationDropdownTabInner,\n      MoreLi: StyledMoreLi,\n    }\n  }\n  return {\n    Tab: StyledTab,\n    TabInner: StyledTabInner,\n    Link: StyledLink,\n    DropdownTab: StyledDropdownTab,\n    DropdownTabInner: StyledDropdownTabInner,\n    MoreLi: StyledMoreLi,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/Tabs/Tabs.types.d.ts

@@ -2,15 +2,15 @@ import type { AriaButtonProps } from '@react-aria/button';
 import type React from 'react';
 import type { Polymorphic } from '../_utils/polymorphic';
 import type { Props } from '../_utils/types';
-export declare type TabRoleType = 'link' | 'button' | 'tab';
+export type TabRoleType = 'link' | 'button' | 'tab';
 export interface TabPolyMap extends Record<TabRoleType, React.ElementType> {
     button: 'button';
     link: 'a';
     tab: 'div';
 }
-export declare type TabRole = TabRoleType | undefined;
-export declare type TabRef<Role extends TabRole = undefined> = Role extends 'tab' ? React.ComponentPropsWithRef<'div'>['ref'] : Role extends 'button' | 'link' ? Polymorphic.Ref<TabPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
-export declare type TabProps<Role extends TabRole = undefined> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<TabPolyMap, 'link', 'href', BaseTabProps> : Role extends 'button' ? Polymorphic.ComponentPropsWithRef<TabPolyMap, 'button', never, BaseTabProps & {
+export type TabRole = TabRoleType | undefined;
+export type TabRef<Role extends TabRole = undefined> = Role extends 'tab' ? React.ComponentPropsWithRef<'div'>['ref'] : Role extends 'button' | 'link' ? Polymorphic.Ref<TabPolyMap, Role> : React.ComponentPropsWithRef<'div'>['ref'];
+export type TabProps<Role extends TabRole = undefined> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<TabPolyMap, 'link', 'href', BaseTabProps> : Role extends 'button' ? Polymorphic.ComponentPropsWithRef<TabPolyMap, 'button', never, BaseTabProps & {
     onPress: AriaButtonProps['onPress'];
 }> : Role extends 'tab' ? BaseTabProps & {
     'aria-controls': string;
@@ -29,7 +29,7 @@ export declare const tabVariant: {
     readonly hover: "hover";
     readonly overflowing: "overflowing";
 };
-declare type TabVariant = (typeof tabVariant)[keyof typeof tabVariant];
+type TabVariant = (typeof tabVariant)[keyof typeof tabVariant];
 export interface BaseTabProps extends Props {
     /**
      * The tab is active

package/dist/Tabs/Tabs.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.types.js","names":["tabVariant","none","active","dark","dropdown","hover","overflowing"],"sources":["../../src/Tabs/Tabs.types.ts"],"sourcesContent":["import type { AriaButtonProps } from '@react-aria/button'\nimport type React from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { Props } from '../_utils/types'\n\nexport type TabRoleType = 'link' | 'button' | 'tab'\n\nexport interface TabPolyMap extends Record<TabRoleType, React.ElementType> {\n  button: 'button'\n  link: 'a'\n  tab: 'div'\n}\n\nexport type TabRole = TabRoleType | undefined\n\nexport type TabRef<Role extends TabRole = undefined> = Role extends 'tab'\n  ? React.ComponentPropsWithRef<'div'>['ref']\n  : Role extends 'button' | 'link'\n  ? Polymorphic.Ref<TabPolyMap, Role>\n  : React.ComponentPropsWithRef<'div'>['ref']\n\nexport type TabProps<Role extends TabRole = undefined> = Role extends 'link'\n  ? Polymorphic.ComponentPropsWithRef<TabPolyMap, 'link', 'href', BaseTabProps>\n  : Role extends 'button'\n  ? Polymorphic.ComponentPropsWithRef<\n      TabPolyMap,\n      'button',\n      never,\n      BaseTabProps & { onPress: AriaButtonProps['onPress'] }\n    >\n  : Role extends 'tab'\n  ? BaseTabProps & {\n      'aria-controls': string\n      as?: React.ElementType\n      href?: string\n      onPress?: AriaButtonProps['onPress']\n      ref?:\n        | React.ComponentPropsWithRef<'a'>['ref']\n        | React.ComponentPropsWithRef<'button'>['ref']\n    } & Pick<\n        React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>,\n        'id' | 'aria-selected' | 'onBlur' | 'onFocus' | 'onClick'\n      >\n  : BaseTabProps & { ref?: TabRef<undefined> }\n\nexport const tabVariant = {\n  none: '',\n  active: 'active',\n  dark: 'dark',\n  dropdown: 'dropdown',\n  hover: 'hover',\n  overflowing: 'overflowing',\n} as const\n\ntype TabVariant = (typeof tabVariant)[keyof typeof tabVariant]\n\nexport interface BaseTabProps extends Props {\n  /**\n   * The tab is active\n   * @since 10.19.0\n   * @deprecated Please use `selected` instead\n   * @deprecatedSince 12.18.0\n   */\n  active?: boolean\n\n  /**\n   * The tab is selected\n   * @since 12.18.0\n   */\n  selected?: boolean\n  /**\n   * Whether or not tab is in dark mode\n   * @private\n   * @since 10.19.0\n   * @deprecated Custom styles intended for the global navigation header.\n   * Future Core-React will look holistically at themes and dark mode support.\n   *\n   * AFTER - Regular Tab styles. If needing dark support, please reach out.\n   * @deprecatedSince 12.8.0\n   */\n  dark?: boolean\n\n  /**\n   * @private\n   * @since 10.19.0\n   */\n  onMount?: (el: HTMLDivElement | null) => void\n\n  /**\n   * @private\n   */\n  onUnmount?: () => void\n\n  /**\n   * @deprecated This was never intended to be a public facing API and does not\n   * do anything. It will be removed in the future.\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  dropdown?: boolean\n\n  /**\n   * @deprecated This was never intended to be a public facing API and does not\n   * do anything. It will be removed in the future.\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  overflowing?: boolean\n\n  /**\n   * @deprecated please use the `selected` props to configure style. The\n   * `dropdown`, `hover`, and `overflowing` variants were only for internal use\n   * and should not be used in clients\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: TabVariant\n  /**\n   * @since 11.6.0\n   */\n  disabled?: boolean\n  /**\n   * Sets the Tab's role\n   * @since 11.6.0\n   */\n  role?: TabRole\n  /**\n   * Tab styles specific to the global navigation header.\n   * @deprecated @experimental Alternative style variant. To be used on Helix Header ONLY\n   * @since 12.8.0\n   */\n  UNSAFE_helixHeader?: boolean\n}\n\nexport interface TabsTabProps extends BaseTabProps {}\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  more?: string\n}\n\nexport interface TabsProps extends Props {\n  /**\n   * @since 12.36.0\n   *\n   * @param role The role of the tabs component.\n   * @default undefined\n   * Can specify as a `navigational` element for when tabs are links.\n   * @a11y Roles require a label.\n   * 1) Default - Undefined. A group of links or buttons.\n   * 2) Prefer - Use `tablist` with aria-label or aria-labelledby for the WCAG tab pattern.\n   * 3) Low Change - Navigation tabs are less likely, they must be links and\n   * are used for larger navigation changes like global navigation.\n   * Context and heading 1 will be drastically different.\n   *\n   * __Do not mix tab patterns__, only use one at a time.\n   */\n  role?: 'tablist' | 'navigation'\n  'aria-label'?: string\n  /**\n   * @a11y Required for role=\"tablist\"\n   */\n  'aria-labelledby'?: string\n  /**\n   * @since 10.19.0\n   * @deprecated Custom styles intended for the global navigation header.\n   * Future Core-React will look holistically at themes and dark mode support.\n   *\n   * AFTER - Regular Tab styles. If needing dark support, please reach out.\n   * @deprecatedSince 12.8.0\n   */\n  dark?: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n  /**\n   * Tab styles specific to the global navigation header.\n   * @deprecated @experimental Alternative style variant. To be used on Helix Header ONLY\n   * @since 12.8.0\n   */\n  UNSAFE_helixHeader?: boolean\n}\n\nexport interface TabDropdownProps extends Props {\n  role?: 'list'\n  /**\n   * @since 10.19.0\n   */\n  visible?: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":"AA6CA,OAAO,IAAMA,UAAU,GAAG;EACxBC,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,OAAO;EACdC,WAAW,EAAE;AACf,CAAU"}
+{"version":3,"file":"Tabs.types.js","names":["tabVariant","none","active","dark","dropdown","hover","overflowing"],"sources":["../../src/Tabs/Tabs.types.ts"],"sourcesContent":["import type { AriaButtonProps } from '@react-aria/button'\nimport type React from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { Props } from '../_utils/types'\n\nexport type TabRoleType = 'link' | 'button' | 'tab'\n\nexport interface TabPolyMap extends Record<TabRoleType, React.ElementType> {\n  button: 'button'\n  link: 'a'\n  tab: 'div'\n}\n\nexport type TabRole = TabRoleType | undefined\n\nexport type TabRef<Role extends TabRole = undefined> = Role extends 'tab'\n  ? React.ComponentPropsWithRef<'div'>['ref']\n  : Role extends 'button' | 'link'\n  ? Polymorphic.Ref<TabPolyMap, Role>\n  : React.ComponentPropsWithRef<'div'>['ref']\n\nexport type TabProps<Role extends TabRole = undefined> = Role extends 'link'\n  ? Polymorphic.ComponentPropsWithRef<TabPolyMap, 'link', 'href', BaseTabProps>\n  : Role extends 'button'\n  ? Polymorphic.ComponentPropsWithRef<\n      TabPolyMap,\n      'button',\n      never,\n      BaseTabProps & { onPress: AriaButtonProps['onPress'] }\n    >\n  : Role extends 'tab'\n  ? BaseTabProps & {\n      'aria-controls': string\n      as?: React.ElementType\n      href?: string\n      onPress?: AriaButtonProps['onPress']\n      ref?:\n        | React.ComponentPropsWithRef<'a'>['ref']\n        | React.ComponentPropsWithRef<'button'>['ref']\n    } & Pick<\n        React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>,\n        'id' | 'aria-selected' | 'onBlur' | 'onFocus' | 'onClick'\n      >\n  : BaseTabProps & { ref?: TabRef<undefined> }\n\nexport const tabVariant = {\n  none: '',\n  active: 'active',\n  dark: 'dark',\n  dropdown: 'dropdown',\n  hover: 'hover',\n  overflowing: 'overflowing',\n} as const\n\ntype TabVariant = (typeof tabVariant)[keyof typeof tabVariant]\n\nexport interface BaseTabProps extends Props {\n  /**\n   * The tab is active\n   * @since 10.19.0\n   * @deprecated Please use `selected` instead\n   * @deprecatedSince 12.18.0\n   */\n  active?: boolean\n\n  /**\n   * The tab is selected\n   * @since 12.18.0\n   */\n  selected?: boolean\n  /**\n   * Whether or not tab is in dark mode\n   * @private\n   * @since 10.19.0\n   * @deprecated Custom styles intended for the global navigation header.\n   * Future Core-React will look holistically at themes and dark mode support.\n   *\n   * AFTER - Regular Tab styles. If needing dark support, please reach out.\n   * @deprecatedSince 12.8.0\n   */\n  dark?: boolean\n\n  /**\n   * @private\n   * @since 10.19.0\n   */\n  onMount?: (el: HTMLDivElement | null) => void\n\n  /**\n   * @private\n   */\n  onUnmount?: () => void\n\n  /**\n   * @deprecated This was never intended to be a public facing API and does not\n   * do anything. It will be removed in the future.\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  dropdown?: boolean\n\n  /**\n   * @deprecated This was never intended to be a public facing API and does not\n   * do anything. It will be removed in the future.\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  overflowing?: boolean\n\n  /**\n   * @deprecated please use the `selected` props to configure style. The\n   * `dropdown`, `hover`, and `overflowing` variants were only for internal use\n   * and should not be used in clients\n   * @deprecatedSince 11\n   * @since 10.19.0\n   */\n  variant?: TabVariant\n  /**\n   * @since 11.6.0\n   */\n  disabled?: boolean\n  /**\n   * Sets the Tab's role\n   * @since 11.6.0\n   */\n  role?: TabRole\n  /**\n   * Tab styles specific to the global navigation header.\n   * @deprecated @experimental Alternative style variant. To be used on Helix Header ONLY\n   * @since 12.8.0\n   */\n  UNSAFE_helixHeader?: boolean\n}\n\nexport interface TabsTabProps extends BaseTabProps {}\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  more?: string\n}\n\nexport interface TabsProps extends Props {\n  /**\n   * @since 12.36.0\n   *\n   * @param role The role of the tabs component.\n   * @default undefined\n   * Can specify as a `navigational` element for when tabs are links.\n   * @a11y Roles require a label.\n   * 1) Default - Undefined. A group of links or buttons.\n   * 2) Prefer - Use `tablist` with aria-label or aria-labelledby for the WCAG tab pattern.\n   * 3) Low Change - Navigation tabs are less likely, they must be links and\n   * are used for larger navigation changes like global navigation.\n   * Context and heading 1 will be drastically different.\n   *\n   * __Do not mix tab patterns__, only use one at a time.\n   */\n  role?: 'tablist' | 'navigation'\n  'aria-label'?: string\n  /**\n   * @a11y Required for role=\"tablist\"\n   */\n  'aria-labelledby'?: string\n  /**\n   * @since 10.19.0\n   * @deprecated Custom styles intended for the global navigation header.\n   * Future Core-React will look holistically at themes and dark mode support.\n   *\n   * AFTER - Regular Tab styles. If needing dark support, please reach out.\n   * @deprecatedSince 12.8.0\n   */\n  dark?: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n  /**\n   * Tab styles specific to the global navigation header.\n   * @deprecated @experimental Alternative style variant. To be used on Helix Header ONLY\n   * @since 12.8.0\n   */\n  UNSAFE_helixHeader?: boolean\n}\n\nexport interface TabDropdownProps extends Props {\n  role?: 'list'\n  /**\n   * @since 10.19.0\n   */\n  visible?: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":"AA6CA,OAAO,IAAMA,UAAU,GAAG;EACxBC,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,OAAO;EACdC,WAAW,EAAE;AACf,CAAU","ignoreList":[]}

package/dist/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TabList","TabPanel","Tabs"],"sources":["../../src/Tabs/index.ts"],"sourcesContent":["export { TabList, TabPanel } from './Tablist'\nexport type {\n  TabListProps,\n  TabListTabProps,\n  TabPanelProps,\n} from './Tablist.types'\nexport { Tabs } from './Tabs'\nexport type { TabsProps, TabsTabProps } from './Tabs.types'\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,WAAW;AAM7C,SAASC,IAAI,QAAQ,QAAQ"}
+{"version":3,"file":"index.js","names":["TabList","TabPanel","Tabs"],"sources":["../../src/Tabs/index.ts"],"sourcesContent":["export { TabList, TabPanel } from './Tablist'\nexport type {\n  TabListProps,\n  TabListTabProps,\n  TabPanelProps,\n} from './Tablist.types'\nexport { Tabs } from './Tabs'\nexport type { TabsProps, TabsTabProps } from './Tabs.types'\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,WAAW;AAM7C,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}

package/dist/Tearsheet/Tearsheet.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tearsheet.constants.js","names":["openingPhasesInOrder","closingPhasesInOrder","concat","reverse"],"sources":["../../src/Tearsheet/Tearsheet.constants.ts"],"sourcesContent":["import type { AnimationPhase } from './Tearsheet.types'\n\nexport const openingPhasesInOrder: AnimationPhase[] = [\n  'scrim',\n  'tearsheet',\n  'closeButton',\n]\nexport const closingPhasesInOrder = [...openingPhasesInOrder].reverse()\n"],"mappings":"AAEA,OAAO,IAAMA,oBAAsC,GAAG,CACpD,OAAO,EACP,WAAW,EACX,aAAa,CACd;AACD,OAAO,IAAMC,oBAAoB,GAAG,GAAAC,MAAA,CAAIF,oBAAoB,EAAEG,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Tearsheet.constants.js","names":["openingPhasesInOrder","closingPhasesInOrder","concat","reverse"],"sources":["../../src/Tearsheet/Tearsheet.constants.ts"],"sourcesContent":["import type { AnimationPhase } from './Tearsheet.types'\n\nexport const openingPhasesInOrder: AnimationPhase[] = [\n  'scrim',\n  'tearsheet',\n  'closeButton',\n]\nexport const closingPhasesInOrder = [...openingPhasesInOrder].reverse()\n"],"mappings":"AAEA,OAAO,IAAMA,oBAAsC,GAAG,CACpD,OAAO,EACP,WAAW,EACX,aAAa,CACd;AACD,OAAO,IAAMC,oBAAoB,GAAG,GAAAC,MAAA,CAAIF,oBAAoB,EAAEG,OAAO,CAAC,CAAC","ignoreList":[]}

package/dist/Tearsheet/Tearsheet.d.ts

@@ -19,5 +19,5 @@ export declare const Tearsheet: (props: TearsheetProps & {
      * @deprecatedSince 11.11.0
      * @deprecated This ref is passed to two elements, in the future it will only be provided to the inner element (StyledTearsheetContent).
      */
-    ref?: React.ComponentPropsWithRef<'div'>['ref'];
+    ref?: React.ComponentPropsWithRef<"div">["ref"];
 }) => React.ReactElement;

package/dist/Tearsheet/Tearsheet.js

@@ -1,14 +1,6 @@
-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); }
 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 _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
-function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
-function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
-function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
-function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise); }
-function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-function _OverloadYield(e, d) { this.v = e, this.k = d; }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
@@ -132,95 +124,94 @@ export var Tearsheet = /*#__PURE__*/React.forwardRef(function Tearsheet(_ref, re
   });
   React.useEffect(function () {
     ;
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _closeBtnRef$current, _registry$current$aft, _iterator, _step, openingPhase, _iterator2, _step2, closingPhase;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _closeBtnRef$current, _registry$current$aft, _iterator, _step, openingPhase, _iterator2, _step2, closingPhase, _t, _t2;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             if (!(status === 'opening')) {
-              _context.next = 28;
+              _context.n = 9;
               break;
             }
             setIsVisible(true);
             _iterator = _createForOfIteratorHelper(openingPhasesInOrder);
-            _context.prev = 3;
+            _context.p = 1;
             _iterator.s();
-          case 5:
+          case 2:
             if ((_step = _iterator.n()).done) {
-              _context.next = 12;
+              _context.n = 4;
               break;
             }
             openingPhase = _step.value;
             setPhase(openingPhase);
-            _context.next = 10;
+            _context.n = 3;
             return wait(animationSpeed[openingPhase]);
-          case 10:
-            _context.next = 5;
+          case 3:
+            _context.n = 2;
             break;
-          case 12:
-            _context.next = 17;
+          case 4:
+            _context.n = 6;
             break;
-          case 14:
-            _context.prev = 14;
-            _context.t0 = _context["catch"](3);
-            _iterator.e(_context.t0);
-          case 17:
-            _context.prev = 17;
+          case 5:
+            _context.p = 5;
+            _t = _context.v;
+            _iterator.e(_t);
+          case 6:
+            _context.p = 6;
             _iterator.f();
-            return _context.finish(17);
-          case 20:
+            return _context.f(6);
+          case 7:
             setStatus('open');
             setPhase('disabled');
-            (_closeBtnRef$current = closeBtnRef.current) === null || _closeBtnRef$current === void 0 ? void 0 : _closeBtnRef$current.focus();
-            _context.next = 25;
+            (_closeBtnRef$current = closeBtnRef.current) === null || _closeBtnRef$current === void 0 || _closeBtnRef$current.focus();
+            _context.n = 8;
             return wait(0);
-          case 25:
-            (_registry$current$aft = registry.current.afterShow) === null || _registry$current$aft === void 0 ? void 0 : _registry$current$aft.forEach(function (cb) {
+          case 8:
+            (_registry$current$aft = registry.current.afterShow) === null || _registry$current$aft === void 0 || _registry$current$aft.forEach(function (cb) {
               return cb();
             });
-            afterShow === null || afterShow === void 0 ? void 0 : afterShow();
-            return _context.abrupt("return");
-          case 28:
+            afterShow === null || afterShow === void 0 || afterShow();
+            return _context.a(2);
+          case 9:
             if (!(status === 'closing')) {
-              _context.next = 51;
+              _context.n = 17;
               break;
             }
             _iterator2 = _createForOfIteratorHelper(closingPhasesInOrder);
-            _context.prev = 30;
+            _context.p = 10;
             _iterator2.s();
-          case 32:
+          case 11:
             if ((_step2 = _iterator2.n()).done) {
-              _context.next = 39;
+              _context.n = 13;
               break;
             }
             closingPhase = _step2.value;
             setPhase(closingPhase);
-            _context.next = 37;
+            _context.n = 12;
             return wait(animationSpeed[closingPhase]);
-          case 37:
-            _context.next = 32;
+          case 12:
+            _context.n = 11;
             break;
-          case 39:
-            _context.next = 44;
+          case 13:
+            _context.n = 15;
             break;
-          case 41:
-            _context.prev = 41;
-            _context.t1 = _context["catch"](30);
-            _iterator2.e(_context.t1);
-          case 44:
-            _context.prev = 44;
+          case 14:
+            _context.p = 14;
+            _t2 = _context.v;
+            _iterator2.e(_t2);
+          case 15:
+            _context.p = 15;
             _iterator2.f();
-            return _context.finish(44);
-          case 47:
+            return _context.f(15);
+          case 16:
             setStatus('closed');
             setPhase('disabled');
             setIsVisible(false);
-            afterHide === null || afterHide === void 0 ? void 0 : afterHide();
-          case 51:
-          case "end":
-            return _context.stop();
+            afterHide === null || afterHide === void 0 || afterHide();
+          case 17:
+            return _context.a(2);
         }
-      }, _callee, null, [[3, 14, 17, 20], [30, 41, 44, 47]]);
+      }, _callee, null, [[10, 14, 15, 16], [1, 5, 6, 7]]);
     }))();
   }, [status]);
   if (!isVisible) {
@@ -257,7 +248,7 @@ export var Tearsheet = /*#__PURE__*/React.forwardRef(function Tearsheet(_ref, re
     tabIndex: 0,
     onScroll: function onScroll() {
       var _registry$current$scr;
-      (_registry$current$scr = registry.current.scroll) === null || _registry$current$scr === void 0 ? void 0 : _registry$current$scr.forEach(function (cb) {
+      (_registry$current$scr = registry.current.scroll) === null || _registry$current$scr === void 0 || _registry$current$scr.forEach(function (cb) {
         return cb();
       });
     },

package/dist/Tearsheet/Tearsheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tearsheet.js","names":["e","t","r","Symbol","n","iterator","o","toStringTag","i","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","length","l","TypeError","call","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","_regeneratorDefine","enumerable","configurable","writable","_invoke","_OverloadYield","k","_createForOfIteratorHelper","Array","isArray","_unsupportedIterableToArray","_n","F","s","next","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","from","test","push","Clear","React","Button","StyledModal","StyledModalScrim","useModalDialogLike","Portal","useEventRegistry","OverridableFocusScope","useHotkey","useI18nContext","useScrollLock","useUpdateEffect","CloseWithConfirmContext","useCloseWithConfirmState","closingPhasesInOrder","openingPhasesInOrder","animationSpeed","StyledButtonCard","StyledButtonContainer","StyledScrimContainer","StyledTearsheetBody","StyledTearsheetContent","getAnimationState","getScrimClassName","wait","TearsheetContext","createContext","placement","addListener","Tearsheet","forwardRef","_ref","ref","ariaDescribedBy","ariaDetails","ariaLabelledBy","ariaLabel","_ref$block","block","children","id","open","onClose_","onClose","afterShow","afterHide","_ref$placement","role","_ref$stretch","stretch","qa","I18n","_React$useState","useState","_React$useState2","status","setStatus","_React$useState3","_React$useState4","phase","setPhase","_React$useState5","_React$useState6","isVisible","setIsVisible","closeBtnRef","useRef","closeWithConfirmState","closeWithConfirm","_useModalDialogLike","undefined","isOpen","dialogProps","focusScopeProps","_useEventRegistry","registry","ctx","useMemo","useEffect","handleClose","key","handler","_regeneratorRuntime","mark","_callee","_closeBtnRef$current","_registry$current$aft","_iterator","_step","openingPhase","_iterator2","_step2","closingPhase","wrap","_callee$","_context","prev","t0","finish","current","focus","forEach","cb","abrupt","t1","stop","createElement","_extends","restoreFocus","className","$placement","onClick","scrim","stopPropagation","size","variant","icon","closeButton","tabIndex","onScroll","_registry$current$scr","scroll","$stretch","$block","Provider"],"sources":["../../src/Tearsheet/Tearsheet.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\n\nimport React from 'react'\nimport { Button } from '../Button'\nimport { StyledModal, StyledModalScrim } from '../Modal/Modal.styles'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal'\nimport { useEventRegistry } from '../_hooks/EventRegistry'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useHotkey } from '../_hooks/Hotkey'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport { useUpdateEffect } from '../_hooks/useUpdateEffect'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport {\n  closingPhasesInOrder,\n  openingPhasesInOrder,\n} from './Tearsheet.constants'\nimport {\n  animationSpeed,\n  StyledButtonCard,\n  StyledButtonContainer,\n  StyledScrimContainer,\n  StyledTearsheetBody,\n  StyledTearsheetContent,\n} from './Tearsheet.styles'\nimport type {\n  AnimationPhase,\n  AnimationStatus,\n  TearsheetContextProps,\n  TearsheetProps,\n} from './Tearsheet.types'\nimport { getAnimationState, getScrimClassName, wait } from './Tearsheet.util'\n\nexport const TearsheetContext = React.createContext<TearsheetContextProps>({\n  placement: null,\n  addListener: () => () => {},\n})\n\n/**\n\n The Tearsheet is a container for complex content placed over another layout,\n such as the Detail Page layout. They slide out from one direction on the screen.\n They allow users complete complex and detail rich tasks without leaving the page they were on.\n\n @since 10.25.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tearsheet--demo)\n\n  @see [Design Guidelines](https://design.procore.com/tearsheet)\n\n */\nexport const Tearsheet = React.forwardRef<HTMLDivElement, TearsheetProps>(\n  function Tearsheet(\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      block = false,\n      children,\n      id,\n      open,\n      onClose: onClose_,\n      afterShow,\n      afterHide,\n      placement = 'right',\n      role,\n      stretch = false,\n      qa,\n    },\n    ref\n  ) {\n    const I18n = useI18nContext()\n    const [status, setStatus] = React.useState<AnimationStatus>('closed')\n    const [phase, setPhase] = React.useState<AnimationPhase>('disabled')\n    const [isVisible, setIsVisible] = React.useState<boolean>(open)\n    const closeBtnRef = React.useRef<HTMLButtonElement>(null)\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n    const onClose = closeWithConfirm(onClose_)\n\n    const { dialogProps, focusScopeProps } = useModalDialogLike({\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      'aria-modal': undefined,\n      id,\n      isOpen: isVisible && status === 'open',\n      role,\n    })\n\n    const { registry, addListener } = useEventRegistry()\n\n    const ctx = React.useMemo(\n      () => ({\n        addListener,\n        placement,\n      }),\n      [placement, addListener]\n    )\n\n    useScrollLock(status !== 'closed')\n\n    React.useEffect(() => {\n      // do not run 'closing' animation if the initial state is closed\n      if (open) {\n        setStatus('opening')\n      }\n    }, [])\n\n    useUpdateEffect(() => {\n      setStatus(open ? 'opening' : 'closing')\n    }, [open])\n\n    function handleClose() {\n      if (status === 'open') {\n        onClose()\n      }\n    }\n\n    useHotkey({\n      key: ['Escape', 'Esc'],\n      handler: handleClose,\n    })\n\n    React.useEffect(() => {\n      ;(async () => {\n        if (status === 'opening') {\n          setIsVisible(true)\n\n          for (const openingPhase of openingPhasesInOrder) {\n            setPhase(openingPhase)\n            await wait(animationSpeed[openingPhase])\n          }\n\n          setStatus('open')\n          setPhase('disabled')\n          closeBtnRef.current?.focus()\n          await wait(0)\n          registry.current.afterShow?.forEach((cb) => cb())\n          afterShow?.()\n\n          return\n        }\n\n        if (status === 'closing') {\n          for (const closingPhase of closingPhasesInOrder) {\n            setPhase(closingPhase)\n            await wait(animationSpeed[closingPhase])\n          }\n\n          setStatus('closed')\n          setPhase('disabled')\n          setIsVisible(false)\n          afterHide?.()\n        }\n      })()\n    }, [status])\n\n    if (!isVisible) {\n      return null\n    }\n\n    return (\n      <Portal>\n        <OverridableFocusScope {...focusScopeProps} restoreFocus>\n          <StyledModal ref={ref} className={getScrimClassName(status, phase)}>\n            <StyledModalScrim />\n            <StyledTearsheetContent\n              {...dialogProps}\n              ref={ref}\n              $placement={placement}\n              {...getAnimationState('tearsheet', phase, status)}\n            >\n              <StyledScrimContainer\n                $placement={placement}\n                onClick={handleClose}\n                data-qa={qa?.scrim}\n              >\n                <StyledButtonContainer $placement={placement}>\n                  <div>\n                    <StyledButtonCard\n                      {...getAnimationState('closeButton', phase, status)}\n                    >\n                      <Button\n                        ref={closeBtnRef}\n                        aria-label={I18n.t('core.tearsheet.a11y.close')}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onClose()\n                        }}\n                        size=\"lg\"\n                        variant=\"tertiary\"\n                        icon={<Clear />}\n                        data-qa={qa?.closeButton}\n                      />\n                    </StyledButtonCard>\n                  </div>\n                </StyledButtonContainer>\n              </StyledScrimContainer>\n              <StyledTearsheetBody\n                aria-labelledby={ariaLabelledBy}\n                role=\"region\"\n                tabIndex={0}\n                onScroll={() => {\n                  registry.current.scroll?.forEach((cb) => cb())\n                }}\n                $placement={placement}\n                $stretch={stretch}\n                $block={block}\n              >\n                <TearsheetContext.Provider value={ctx}>\n                  <CloseWithConfirmContext.Provider\n                    value={closeWithConfirmState}\n                  >\n                    {children}\n                  </CloseWithConfirmContext.Provider>\n                </TearsheetContext.Provider>\n              </StyledTearsheetBody>\n            </StyledTearsheetContent>\n          </StyledModal>\n        </OverridableFocusScope>\n      </Portal>\n    )\n  }\n) as (\n  props: TearsheetProps & {\n    /**\n     * @deprecatedSince 11.11.0\n     * @deprecated This ref is passed to two elements, in the future it will only be provided to the inner element (StyledTearsheetContent).\n     */\n    ref?: React.ComponentPropsWithRef<'div'>['ref']\n  }\n) => React.ReactElement\n"],"mappings":"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"}
+{"version":3,"file":"Tearsheet.js","names":["e","t","r","Symbol","n","iterator","o","toStringTag","i","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","length","l","TypeError","call","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","_regeneratorDefine","_invoke","enumerable","configurable","writable","_createForOfIteratorHelper","Array","isArray","_unsupportedIterableToArray","_n","F","s","next","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","from","test","push","Clear","React","Button","StyledModal","StyledModalScrim","useModalDialogLike","Portal","useEventRegistry","OverridableFocusScope","useHotkey","useI18nContext","useScrollLock","useUpdateEffect","CloseWithConfirmContext","useCloseWithConfirmState","closingPhasesInOrder","openingPhasesInOrder","animationSpeed","StyledButtonCard","StyledButtonContainer","StyledScrimContainer","StyledTearsheetBody","StyledTearsheetContent","getAnimationState","getScrimClassName","wait","TearsheetContext","createContext","placement","addListener","Tearsheet","forwardRef","_ref","ref","ariaDescribedBy","ariaDetails","ariaLabelledBy","ariaLabel","_ref$block","block","children","id","open","onClose_","onClose","afterShow","afterHide","_ref$placement","role","_ref$stretch","stretch","qa","I18n","_React$useState","useState","_React$useState2","status","setStatus","_React$useState3","_React$useState4","phase","setPhase","_React$useState5","_React$useState6","isVisible","setIsVisible","closeBtnRef","useRef","closeWithConfirmState","closeWithConfirm","_useModalDialogLike","undefined","isOpen","dialogProps","focusScopeProps","_useEventRegistry","registry","ctx","useMemo","useEffect","handleClose","key","handler","_callee","_closeBtnRef$current","_registry$current$aft","_iterator","_step","openingPhase","_iterator2","_step2","closingPhase","_t","_t2","_context","current","focus","forEach","cb","createElement","_extends","restoreFocus","className","$placement","onClick","scrim","stopPropagation","size","variant","icon","closeButton","tabIndex","onScroll","_registry$current$scr","scroll","$stretch","$block","Provider"],"sources":["../../src/Tearsheet/Tearsheet.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\n\nimport React from 'react'\nimport { Button } from '../Button'\nimport { StyledModal, StyledModalScrim } from '../Modal/Modal.styles'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal'\nimport { useEventRegistry } from '../_hooks/EventRegistry'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useHotkey } from '../_hooks/Hotkey'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport { useUpdateEffect } from '../_hooks/useUpdateEffect'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport {\n  closingPhasesInOrder,\n  openingPhasesInOrder,\n} from './Tearsheet.constants'\nimport {\n  animationSpeed,\n  StyledButtonCard,\n  StyledButtonContainer,\n  StyledScrimContainer,\n  StyledTearsheetBody,\n  StyledTearsheetContent,\n} from './Tearsheet.styles'\nimport type {\n  AnimationPhase,\n  AnimationStatus,\n  TearsheetContextProps,\n  TearsheetProps,\n} from './Tearsheet.types'\nimport { getAnimationState, getScrimClassName, wait } from './Tearsheet.util'\n\nexport const TearsheetContext = React.createContext<TearsheetContextProps>({\n  placement: null,\n  addListener: () => () => {},\n})\n\n/**\n\n The Tearsheet is a container for complex content placed over another layout,\n such as the Detail Page layout. They slide out from one direction on the screen.\n They allow users complete complex and detail rich tasks without leaving the page they were on.\n\n @since 10.25.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tearsheet--demo)\n\n  @see [Design Guidelines](https://design.procore.com/tearsheet)\n\n */\nexport const Tearsheet = React.forwardRef<HTMLDivElement, TearsheetProps>(\n  function Tearsheet(\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      block = false,\n      children,\n      id,\n      open,\n      onClose: onClose_,\n      afterShow,\n      afterHide,\n      placement = 'right',\n      role,\n      stretch = false,\n      qa,\n    },\n    ref\n  ) {\n    const I18n = useI18nContext()\n    const [status, setStatus] = React.useState<AnimationStatus>('closed')\n    const [phase, setPhase] = React.useState<AnimationPhase>('disabled')\n    const [isVisible, setIsVisible] = React.useState<boolean>(open)\n    const closeBtnRef = React.useRef<HTMLButtonElement>(null)\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n    const onClose = closeWithConfirm(onClose_)\n\n    const { dialogProps, focusScopeProps } = useModalDialogLike({\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      'aria-modal': undefined,\n      id,\n      isOpen: isVisible && status === 'open',\n      role,\n    })\n\n    const { registry, addListener } = useEventRegistry()\n\n    const ctx = React.useMemo(\n      () => ({\n        addListener,\n        placement,\n      }),\n      [placement, addListener]\n    )\n\n    useScrollLock(status !== 'closed')\n\n    React.useEffect(() => {\n      // do not run 'closing' animation if the initial state is closed\n      if (open) {\n        setStatus('opening')\n      }\n    }, [])\n\n    useUpdateEffect(() => {\n      setStatus(open ? 'opening' : 'closing')\n    }, [open])\n\n    function handleClose() {\n      if (status === 'open') {\n        onClose()\n      }\n    }\n\n    useHotkey({\n      key: ['Escape', 'Esc'],\n      handler: handleClose,\n    })\n\n    React.useEffect(() => {\n      ;(async () => {\n        if (status === 'opening') {\n          setIsVisible(true)\n\n          for (const openingPhase of openingPhasesInOrder) {\n            setPhase(openingPhase)\n            await wait(animationSpeed[openingPhase])\n          }\n\n          setStatus('open')\n          setPhase('disabled')\n          closeBtnRef.current?.focus()\n          await wait(0)\n          registry.current.afterShow?.forEach((cb) => cb())\n          afterShow?.()\n\n          return\n        }\n\n        if (status === 'closing') {\n          for (const closingPhase of closingPhasesInOrder) {\n            setPhase(closingPhase)\n            await wait(animationSpeed[closingPhase])\n          }\n\n          setStatus('closed')\n          setPhase('disabled')\n          setIsVisible(false)\n          afterHide?.()\n        }\n      })()\n    }, [status])\n\n    if (!isVisible) {\n      return null\n    }\n\n    return (\n      <Portal>\n        <OverridableFocusScope {...focusScopeProps} restoreFocus>\n          <StyledModal ref={ref} className={getScrimClassName(status, phase)}>\n            <StyledModalScrim />\n            <StyledTearsheetContent\n              {...dialogProps}\n              ref={ref}\n              $placement={placement}\n              {...getAnimationState('tearsheet', phase, status)}\n            >\n              <StyledScrimContainer\n                $placement={placement}\n                onClick={handleClose}\n                data-qa={qa?.scrim}\n              >\n                <StyledButtonContainer $placement={placement}>\n                  <div>\n                    <StyledButtonCard\n                      {...getAnimationState('closeButton', phase, status)}\n                    >\n                      <Button\n                        ref={closeBtnRef}\n                        aria-label={I18n.t('core.tearsheet.a11y.close')}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onClose()\n                        }}\n                        size=\"lg\"\n                        variant=\"tertiary\"\n                        icon={<Clear />}\n                        data-qa={qa?.closeButton}\n                      />\n                    </StyledButtonCard>\n                  </div>\n                </StyledButtonContainer>\n              </StyledScrimContainer>\n              <StyledTearsheetBody\n                aria-labelledby={ariaLabelledBy}\n                role=\"region\"\n                tabIndex={0}\n                onScroll={() => {\n                  registry.current.scroll?.forEach((cb) => cb())\n                }}\n                $placement={placement}\n                $stretch={stretch}\n                $block={block}\n              >\n                <TearsheetContext.Provider value={ctx}>\n                  <CloseWithConfirmContext.Provider\n                    value={closeWithConfirmState}\n                  >\n                    {children}\n                  </CloseWithConfirmContext.Provider>\n                </TearsheetContext.Provider>\n              </StyledTearsheetBody>\n            </StyledTearsheetContent>\n          </StyledModal>\n        </OverridableFocusScope>\n      </Portal>\n    )\n  }\n) as (\n  props: TearsheetProps & {\n    /**\n     * @deprecatedSince 11.11.0\n     * @deprecated This ref is passed to two elements, in the future it will only be provided to the inner element (StyledTearsheetContent).\n     */\n    ref?: React.ComponentPropsWithRef<'div'>['ref']\n  }\n) => React.ReactElement\n"],"mappings":"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","ignoreList":[]}

package/dist/Tearsheet/Tearsheet.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Placement } from './Tearsheet.types';
 export declare const animationSpeed: {
     disabled: number;
@@ -6,28 +5,38 @@ export declare const animationSpeed: {
     scrim: number;
     closeButton: number;
 };
-export declare const StyledTearsheetContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledTearsheetContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $placement: Placement;
     $open: boolean;
-    $opening?: boolean | undefined;
-    $closing?: boolean | undefined;
+    $opening?: boolean;
+    $closing?: boolean;
 }>> & string;
 export declare const minScrimSize: number;
-export declare const StyledTearsheetBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledTearsheetBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $block: boolean;
     $placement: Placement;
     $stretch: boolean;
 }>> & string;
-export declare const StyledScrimContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledScrimContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $placement: Placement;
 }>> & string;
-export declare const StyledButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $placement: Placement;
 }>> & string;
-export declare const StyledButtonCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+export declare const StyledButtonCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }, {
     $open: boolean;
-    $opening?: boolean | undefined;
-    $closing?: boolean | undefined;
+    $opening?: boolean;
+    $closing?: boolean;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Tearsheet/Tearsheet.styles.js

@@ -46,7 +46,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_53_0__sc-ljrxoq-0"
+  componentId: "core-12_53_2__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -66,7 +66,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-12_53_0__sc-ljrxoq-1"
+  componentId: "core-12_53_2__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", ""], colors.white, getGapOutlineFocus('inside'), function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
@@ -78,7 +78,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-12_53_0__sc-ljrxoq-2"
+  componentId: "core-12_53_2__sc-ljrxoq-2"
 })(["", ""], function (_ref6) {
   var $placement = _ref6.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -86,7 +86,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_53_0__sc-ljrxoq-3"
+  componentId: "core-12_53_2__sc-ljrxoq-3"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   switch ($placement) {
@@ -101,7 +101,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_53_0__sc-ljrxoq-4"
+  componentId: "core-12_53_2__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref8) {
   var $open = _ref8.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);