@primer/react-brand 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb

package/esm/SubNav/SubNav.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNav.module.js","names":[],"sources":["../../src/SubNav/SubNav.module.css"],"sourcesContent":[".SubNav__container {\n  position: absolute;\n  width: 100%;\n  z-index: 2;\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__container--with-anchor-nav {\n  display: unset;\n  position: relative;\n}\n\n.SubNav__container--with-anchor-nav .SubNav {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav {\n  width: 100%;\n  display: flex;\n  z-index: 1;\n  background-color: var(--brand-SubNav-bgColor);\n}\n\n[data-color-mode='dark'] .SubNav {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.SubNav__heading,\n.SubNav__subHeading {\n  display: block;\n  font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n  line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n  font-weight: var(--brand-text-subhead-weight-medium);\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-heading-fontFamily);\n  text-decoration: none;\n}\n\n.SubNav__heading:hover,\n.SubNav__subHeading:hover,\n.SubNav__link:hover .SubNav__link-label {\n  color: var(--brand-color-text-muted);\n  text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav--header-container-outer {\n  width: 100%;\n}\n\n.SubNav__heading-container {\n  min-height: 60px;\n  position: relative;\n  z-index: 9998;\n  display: flex;\n  align-items: center;\n  padding: var(--base-size-16);\n  border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__heading-container + .SubNav__heading-container {\n  padding-inline-start: var(--base-size-24);\n}\n\n.SubNav--has-shadow {\n  box-shadow: var(--brand-SubNav-shadow);\n  background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav--full-width {\n  padding-inline: 0;\n}\n\n.SubNav__action-container {\n  margin-left: auto;\n}\n\n.SubNav__sub-menu-icon {\n  display: none !important;\n}\n\n.SubNav__sub-menu-children {\n  display: contents;\n}\n\n.SubNav__links-overlay {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.SubNav__links-overlay > span {\n  display: none;\n}\n\n.SubNav__sub-menu-toggle {\n  display: none;\n}\n\n/*\n   * Anchor Nav Submenu\n   */\n\n.SubNav__anchor-menu-outer-container {\n  position: sticky;\n  top: -1px;\n  z-index: 91; /* must be higher than subdomain nav bar */\n}\n\n.SubNav__anchor-menu-container {\n  opacity: 0;\n  background-color: transparent;\n  transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__anchor-menu-container,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__anchor-menu-container {\n  transform: translateY(0);\n  opacity: 1;\n  background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav__anchor-menu-outer-container {\n  height: 0;\n  transition: height var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within,\n.SubNav__anchor-menu-outer-container--stuck {\n  height: auto;\n}\n\n.SubNav__sub-menu--anchor {\n  opacity: 0;\n  transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    height var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__sub-menu--anchor,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__sub-menu--anchor {\n  visibility: visible;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.SubNav__sub-menu--anchor {\n  display: flex;\n  padding-block: var(--base-size-12);\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n  display: inline-flex;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  gap: var(--base-size-20);\n}\n\n.SubNav__link-label {\n  font-weight: 450; /* FIXME: unsupported in our font weight primitives */\n}\n\n.SubNav__sub-menu--anchor .SubNav__link-label {\n  padding: var(--base-size-6) var(--base-size-12);\n  background-color: transparent;\n  border-radius: var(--brand-borderRadius-full);\n  transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view .SubNav__link-label {\n  background-color: var(--brand-SubNav-color-link-bgColor);\n}\n\n.SubNav__link:focus-visible .SubNav__link-label::after,\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view:focus-visible .SubNav__link-label::after {\n  opacity: 0;\n}\n\n.SubNav__link[aria-current]:not([aria-current='false']) * {\n  color: var(--brand-SubNav-color-link-active);\n  text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav__link:hover .SubNav__link-label {\n  transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.SubNav__link:hover .SubNav__link-label::after {\n  border-color: var(--brand-color-text-default);\n}\n\n/*\n * Narrow breakpoint\n */\n\n@media screen and (max-width: 63.24rem) {\n  .SubNav {\n    position: relative;\n  }\n\n  .SubNav::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    opacity: 0;\n    z-index: 9997;\n  }\n\n  .SubNav::after {\n    content: '';\n    z-index: -1;\n    position: fixed;\n    background-color: var(--base-color-scale-black-0);\n    opacity: 0;\n    visibility: hidden;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .SubNav--open::after {\n    opacity: 0.3;\n    visibility: visible;\n    transition: visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n      opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n  }\n\n  .SubNav__heading {\n    font-size: var(--base-size-16);\n    line-height: var(--base-size-24);\n  }\n\n  .SubNav--open {\n    display: block;\n  }\n\n  .SubNav--open .SubNav--header-container-outer {\n    display: flex;\n    flex-direction: column;\n    max-height: var(--subnav-available-height, 100dvh);\n    overflow: hidden;\n  }\n\n  .SubNav--open .SubNav__header-container {\n    flex-shrink: 0;\n  }\n\n  .SubNav--open + .SubNav__anchor-menu-outer-container {\n    z-index: -1;\n  }\n\n  .SubNav--open::before {\n    background-color: var(--brand-color-canvas-default);\n    animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n  }\n\n  .SubNav__heading-separator--main:not(.SubNav__heading-separator--has-adjacent-label),\n  .SubNav__heading-separator--subheading-active,\n  .SubNav__subheading-container-active {\n    display: none;\n  }\n\n  .SubNav__header-container {\n    display: flex;\n    width: 100%;\n    white-space: pre;\n    position: relative;\n    z-index: 9998;\n  }\n\n  .SubNav__heading-container + .SubNav__heading-container {\n    padding-inline-start: var(--base-size-16);\n  }\n\n  .SubNav__heading-separator {\n    margin-inline-end: var(--base-size-16);\n    z-index: 9998;\n  }\n\n  .SubNav__links-overlay {\n    position: relative;\n    display: flex;\n    flex: auto;\n    flex-direction: column;\n    justify-content: center;\n    z-index: 9998;\n    display: none;\n    padding-inline: var(--base-size-8);\n  }\n\n  .SubNav__links-overlay--open {\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-size-8);\n    padding-block: var(--base-size-16);\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    justify-content: flex-start;\n    overflow-y: auto;\n    min-height: 0;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link:hover .SubNav__link-label {\n    color: var(--brand-color-text-default);\n  }\n\n  .SubNav__overlay-toggle {\n    display: flex;\n    position: relative;\n    width: 100%;\n    z-index: 9999;\n    justify-content: flex-end;\n    padding-inline-end: var(--base-size-16);\n  }\n\n  .SubNav--has-sub-heading:not(.SubNav--subHeadingActive) .SubNav__overlay-toggle {\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    display: block;\n    padding-block: var(--base-size-12);\n    margin-block: 0;\n  }\n\n  .SubNav__overlay-toggle-content {\n    width: 100%;\n    padding-inline-start: var(--base-size-16);\n  }\n\n  .SubNav__overlay-toggle-label {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border: none;\n    border-radius: var(--brand-borderRadius-full);\n    padding: var(--base-size-4) var(--base-size-12);\n    gap: var(--base-size-6);\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .SubNav--full-width .SubNav__overlay-toggle {\n    right: 0;\n  }\n\n  .SubNav__link,\n  .SubNav__action-container {\n    display: none;\n    text-decoration: none;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link-label {\n    position: relative;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) * {\n    color: var(--brand-SubNav-color-link-active);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link {\n    padding: var(--base-size-8);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) {\n    display: inline-block;\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-full);\n    padding: var(--base-size-2) var(--base-size-12) var(--base-size-4);\n    margin-inline-start: var(--base-size-8);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link:hover {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-medium);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link,\n  .SubNav__links-overlay--open .SubNav__action-container {\n    display: block;\n    animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link--has-sub-menu {\n    padding-block: 0;\n  }\n\n  .SubNav__links-overlay--open .SubNav__action-container {\n    width: 100%;\n  }\n\n  .SubNav__links-overlay--open .SubNav__action {\n    width: 100%;\n  }\n\n  .SubNav__sub-menu {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    padding-inline-start: var(--base-size-16);\n    padding-block-start: var(--base-size-8);\n  }\n\n  .SubNav__sub-menu--dropdown .SubNav__link:hover .SubNav__link-label {\n    color: var(--brand-color-text-default) !important;\n  }\n\n  .SubNav__anchor-menu-container {\n    z-index: 99;\n    overflow-x: auto;\n    overflow-y: hidden;\n    width: 100%;\n  }\n\n  .SubNav__anchor-menu-outer-container {\n    position: sticky;\n    top: -1px;\n  }\n\n  .SubNav__anchor-menu-outer-container::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: var(--base-size-32);\n    background: linear-gradient(to left, var(--brand-color-canvas-default), transparent);\n    pointer-events: none;\n    z-index: 100;\n  }\n\n  .SubNav__link-label {\n    padding-block-end: var(--base-size-6);\n  }\n\n  .SubNav__sub-menu--anchor {\n    padding-inline: var(--base-size-16);\n    padding-block-end: var(--base-size-16);\n    padding-block-start: var(--base-size-16);\n  }\n\n  .SubNav__sub-menu--anchor .SubNav__link-label {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n    letter-spacing: var(--brand-text-letterSpacing-100);\n  }\n\n  .SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n    padding-inline-end: var(--base-size-32);\n  }\n\n  .SubNav__sub-menu--anchor .SubNav__link {\n    display: block;\n    white-space: pre;\n    position: relative;\n    top: var(--base-size-2);\n  }\n}\n\n.SubNav__overlay-toggle-icon {\n  fill: var(--brand-color-text-default);\n}\n\n.SubNav__overlay-toggle-content {\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-8);\n}\n\n.SubNav__overlay-toggle-content--end {\n  justify-content: flex-end;\n}\n\n.SubNav__link:focus-visible,\n.SubNav__heading:focus-visible,\n.SubNav__subHeading:focus-visible,\n.SubNav__sub-menu-toggle:focus-visible,\n.SubNav__overlay-toggle-label:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.SubNav__subHeading {\n  display: block;\n  position: relative;\n  white-space: nowrap;\n}\n\n.SubNav__subHeading[aria-current]:not([aria-current='false']) {\n  background-color: var(--brand-SubNav-color-link-bgColor);\n  border: none;\n  border-radius: var(--brand-borderRadius-full);\n  padding: var(--base-size-6) var(--base-size-12);\n}\n\n@media screen and (min-width: 48rem) {\n  .SubNav__heading-container {\n    padding-inline: var(--base-size-24);\n  }\n\n  .SubNav__overlay-toggle-content {\n    padding-inline-start: var(--base-size-24);\n  }\n\n  .SubNav__links-overlay--open {\n    padding: var(--base-size-24);\n  }\n\n  .SubNav--full-width {\n    padding-inline: 0;\n  }\n\n  .SubNav__sub-menu--anchor {\n    padding-inline: var(--base-size-24);\n  }\n}\n\n.SubNav__heading-label {\n  white-space: pre;\n}\n\n/*\n * Wide breakpoint\n */\n\n@media screen and (min-width: 63.25rem) {\n  .SubNav {\n    align-items: center;\n    display: flex;\n    z-index: 92;\n    padding-inline: var(--base-size-32);\n  }\n\n  .SubNav__links-overlay--open {\n    padding: 0;\n  }\n\n  .SubNav:has(+ .SubNav__anchor-menu-container) {\n    padding-block-end: 0;\n  }\n\n  .SubNav__heading-container {\n    padding-inline-start: 0;\n  }\n\n  .SubNav--full-width {\n    padding-inline: 0;\n  }\n\n  .SubNav__overlay-toggle {\n    display: none;\n  }\n\n  .SubNav__container--with-anchor-nav .SubNav__heading {\n    padding-block-end: 1px;\n  }\n\n  .SubNav__heading-separator {\n    margin-inline-end: var(--base-size-20);\n    display: inline-flex;\n    top: 0;\n  }\n\n  .SubNav__container--with-anchor-nav .SubNav__heading-separator {\n    top: -1px;\n  }\n\n  .SubNav--header-container-outer {\n    display: flex;\n    align-items: center;\n  }\n\n  .SubNav__header-container {\n    display: flex;\n    align-items: center;\n  }\n\n  .SubNav__links-overlay {\n    align-items: center;\n    display: flex;\n    gap: var(--base-size-2);\n    z-index: 92;\n    flex-grow: 1;\n    padding-inline-start: var(--base-size-24);\n  }\n\n  .SubNav__link {\n    text-decoration: none !important; /* dotcom override */\n    transition: color 0.2s var(--brand-animation-easing-glide);\n    position: relative;\n    padding: var(--base-size-4) var(--base-size-12);\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .SubNav__link-label {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubNav__link--has-sub-menu {\n    padding: var(--base-size-4) 0;\n  }\n\n  /* To fix hover distance between link and dropdown */\n  .SubNav__link--has-sub-menu::after {\n    content: '';\n    position: absolute;\n    bottom: calc(var(--base-size-12) * -1);\n    left: 0;\n    width: 100%;\n    height: var(--base-size-12);\n    background: transparent;\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n    background-clip: padding-box;\n    background-color: var(--brand-color-canvas-default);\n    border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);\n    border-radius: var(--brand-borderRadius-medium);\n    left: 0;\n    list-style: none;\n    margin-block-start: var(--base-size-8);\n    padding: var(--base-size-8);\n    position: absolute;\n    top: 90%;\n    z-index: 9998;\n    transition-timing-function: var(--brand-animation-easing-glide);\n    transition-duration: var(--brand-animation-duration-fast);\n    transition-property: opacity, transform;\n    left: var(--base-size-4);\n    visibility: hidden;\n    opacity: 0;\n    transform: scale(0.99) translateY(-0.7em) translateX(-8px);\n    transform-origin: top;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-size-8);\n    width: var(--brand-SubNav-width-subMenu);\n  }\n\n  .SubNav__link--expanded .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n    visibility: visible;\n    opacity: 1;\n    transform: scale(1) translateY(0) translateX(-8px);\n  }\n\n  .SubNav__sub-menu-toggle {\n    width: var(--base-size-24);\n    height: var(--base-size-24);\n    border: none;\n    padding: 0;\n    margin: 0;\n    padding-inline-end: var(--base-size-8);\n    margin-inline-end: calc(-1 * var(--base-size-8));\n    background: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n\n  .SubNav__sub-menu .SubNav__link {\n    display: block;\n  }\n\n  .SubNav__sub-menu--dropdown .SubNav__link-label::after {\n    opacity: 1;\n    transform: scale(0);\n  }\n\n  .SubNav__link--has-sub-menu {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--base-size-4);\n    cursor: pointer;\n  }\n\n  .SubNav__sub-menu--dropdown .SubNav__link-label {\n    position: relative;\n    padding: var(--base-size-4) 0;\n  }\n\n  /* Show pill on submenu parent */\n  .SubNav__link--has-active-sub-menu {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-full);\n    padding: 0 var(--base-size-8) 0 0;\n    gap: 0;\n  }\n\n  .SubNav__link--has-active-sub-menu > .SubNav__link {\n    padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link {\n    padding: var(--base-size-12);\n  }\n\n  /* Active link pill styling */\n  .SubNav__links-overlay .SubNav__link[aria-current]:not([aria-current='false']) {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    line-height: 1.1em;\n    padding: var(--base-size-2) var(--base-size-12) var(--base-size-4);\n  }\n\n  /* Firefox optical alignment fix */\n  @supports (-moz-appearance: none) {\n    .SubNav__links-overlay\n      .SubNav__link--has-sub-menu\n      .SubNav__link[aria-current]:not([aria-current='false'])\n      .SubNav__link-label {\n      top: 0;\n    }\n  }\n\n  .SubNav__links-overlay .SubNav__link--has-active-sub-menu .SubNav__link[aria-current]:not([aria-current='false']) {\n    padding-inline-end: var(--base-size-4);\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link[aria-current]:not([aria-current='false']) {\n    background-color: transparent;\n    border-radius: var(--brand-borderRadius-medium);\n    padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);\n    top: unset;\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link:hover {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-medium);\n  }\n\n  .SubNav__sub-menu-icon {\n    display: inline-block !important;\n    fill: var(--brand-color-text-muted);\n    transition: transform var(--brand-animation-duration-fast);\n  }\n\n  .SubNav__sub-menu--anchor {\n    padding-inline: var(--base-size-32);\n  }\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fade-in-down {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .SubNav,\n  .SubNav::before,\n  .SubNav::after,\n  .SubNav * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/SubNav/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SubNav';
+//# sourceMappingURL=index.d.ts.map

package/esm/SubNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SubNav/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/esm/SubNav/useContainsFocus.d.ts

@@ -0,0 +1,10 @@
+import { type RefObject } from 'react';
+/**
+ * Determine if a child element of the provided ref is currently focussed.
+ * @param containerRef The ref to the container element.
+ * @param onFocusChange The callback to be called when the focus state changes.
+ * @type T The type of the container element.
+ * @returns The ref to be applied to the container element.
+ */
+export declare const useContainsFocus: <T extends HTMLElement>(containerRef?: RefObject<T | null>, onFocusChange?: (isFocussed: boolean) => void) => void;
+//# sourceMappingURL=useContainsFocus.d.ts.map

package/esm/SubNav/useContainsFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainsFocus.d.ts","sourceRoot":"","sources":["../../src/SubNav/useContainsFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAEtE;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,WAAW,EACpD,eAAe,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EAClC,gBAAgB,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,SAyC9C,CAAA"}

package/esm/SubNav/useContainsFocus.js

@@ -0,0 +1,22 @@
+import { useCallback as e, useEffect as t, useState as n } from "react";
+//#region src/SubNav/useContainsFocus.ts
+var r = (r, i) => {
+	let [a, o] = n(!1), s = e((e) => {
+		e !== a && (o(e), i?.(e));
+	}, [a, i]);
+	t(() => {
+		if (!r) return;
+		let e = () => {
+			s(!0);
+		}, t = (e) => {
+			r.current && !r.current.contains(e.relatedTarget) && s(!1);
+		}, n = r.current;
+		if (n) return n.addEventListener("focusin", e, !0), n.addEventListener("focusout", t, !0), () => {
+			n.removeEventListener("focusin", e, !0), n.removeEventListener("focusout", t, !0);
+		};
+	}, [s, r]);
+};
+//#endregion
+export { r as useContainsFocus };
+
+//# sourceMappingURL=useContainsFocus.js.map

package/esm/SubNav/useContainsFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainsFocus.js","names":[],"sources":["../../src/SubNav/useContainsFocus.ts"],"sourcesContent":["import {useCallback, useEffect, useState, type RefObject} from 'react'\n\n/**\n * Determine if a child element of the provided ref is currently focussed.\n * @param containerRef The ref to the container element.\n * @param onFocusChange The callback to be called when the focus state changes.\n * @type T The type of the container element.\n * @returns The ref to be applied to the container element.\n */\nexport const useContainsFocus = <T extends HTMLElement>(\n  containerRef?: RefObject<T | null>,\n  onFocusChange?: (isFocussed: boolean) => void,\n) => {\n  const [isChildFocused, setIsChildFocused] = useState(false)\n\n  const updateState = useCallback(\n    (isFocused: boolean) => {\n      if (isFocused !== isChildFocused) {\n        setIsChildFocused(isFocused)\n        onFocusChange?.(isFocused)\n      }\n    },\n    [isChildFocused, onFocusChange],\n  )\n\n  useEffect(() => {\n    if (!containerRef) {\n      return\n    }\n\n    const handleFocusIn = () => {\n      updateState(true)\n    }\n\n    const handleFocusOut = (event: FocusEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.relatedTarget as Node)) {\n        updateState(false)\n      }\n    }\n\n    const container = containerRef.current\n\n    if (container) {\n      container.addEventListener('focusin', handleFocusIn, true)\n      container.addEventListener('focusout', handleFocusOut, true)\n\n      return () => {\n        container.removeEventListener('focusin', handleFocusIn, true)\n        container.removeEventListener('focusout', handleFocusOut, true)\n      }\n    }\n  }, [updateState, containerRef])\n}\n"],"mappings":";;AASA,IAAa,KACX,GACA,MACG;CACH,IAAM,CAAC,GAAgB,KAAqB,EAAS,GAAM,EAErD,IAAc,GACjB,MAAuB;AACtB,EAAI,MAAc,MAChB,EAAkB,EAAU,EAC5B,IAAgB,EAAU;IAG9B,CAAC,GAAgB,EAAc,CAChC;AAED,SAAgB;AACd,MAAI,CAAC,EACH;EAGF,IAAM,UAAsB;AAC1B,KAAY,GAAK;KAGb,KAAkB,MAAsB;AAC5C,GAAI,EAAa,WAAW,CAAC,EAAa,QAAQ,SAAS,EAAM,cAAsB,IACrF,EAAY,GAAM;KAIhB,IAAY,EAAa;AAE/B,MAAI,EAIF,QAHA,EAAU,iBAAiB,WAAW,GAAe,GAAK,EAC1D,EAAU,iBAAiB,YAAY,GAAgB,GAAK,QAE/C;AAEX,GADA,EAAU,oBAAoB,WAAW,GAAe,GAAK,EAC7D,EAAU,oBAAoB,YAAY,GAAgB,GAAK;;IAGlE,CAAC,GAAa,EAAa,CAAC"}

package/esm/SubdomainNavBar/NavigationVisbilityObserver.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from 'react';
+import { BaseProps } from '../component-helpers';
+type NavigationVisibilityObserverProps = PropsWithChildren<BaseProps<HTMLUListElement> & React.HTMLAttributes<HTMLUListElement>>;
+export declare const NavigationVisbilityObserver: React.ForwardRefExoticComponent<Omit<NavigationVisibilityObserverProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export {};
+//# sourceMappingURL=NavigationVisbilityObserver.d.ts.map

package/esm/SubdomainNavBar/NavigationVisbilityObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationVisbilityObserver.d.ts","sourceRoot":"","sources":["../../src/SubdomainNavBar/NavigationVisbilityObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAIzF,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAW9C,KAAK,iCAAiC,GAAG,iBAAiB,CACxD,SAAS,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CACrE,CAAA;AAED,eAAO,MAAM,2BAA2B,yHAkCvC,CAAA"}

package/esm/SubdomainNavBar/NavigationVisbilityObserver.js

@@ -0,0 +1,73 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { useProvidedRefOrCreate as t } from "../hooks/useRef.js";
+import { ChevronDownIcon as n } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { useWindowSize as r } from "../hooks/useWindowSize.js";
+import { useVisibilityObserver as i } from "./useVisibilityObserver.js";
+import { useOnClickOutside as a } from "../hooks/useOnClickOutside.js";
+import o from "./SubdomainNavBar.module.js";
+import { useKeyboardEscape as s } from "../hooks/useKeyboardEscape.js";
+import c, { forwardRef as l, useCallback as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/SubdomainNavBar/NavigationVisbilityObserver.tsx
+var h = l(({ children: n, className: a, ...s }, l) => {
+	let u = t(l), [d] = i(u, n), { isMedium: f } = r(), h = Object.values(d).includes(!1);
+	return /* @__PURE__ */ m("ul", {
+		className: e(o["SubdomainNavBar-primary-nav-list"], a),
+		ref: u,
+		...s,
+		children: [c.Children.map(n, (t) => {
+			if (c.isValidElement(t)) {
+				let n = t.props["data-navitemid"];
+				if (!n) return t;
+				let r = d[n];
+				return c.cloneElement(t, { className: e(t.props.className, f && r && o["SubdomainNavBar-primary-nav-list-item--visible"], f && r === !1 && o["SubdomainNavBar-primary-nav-list-item--invisible"]) });
+			}
+			return t;
+		}), h && /* @__PURE__ */ p(g, {
+			visibilityMap: d,
+			children: n
+		})]
+	});
+});
+function g({ children: t, className: r, visibilityMap: i }) {
+	let [l, h] = f(null), g = d(null);
+	a(g, () => y());
+	let _ = !!l, v = (e) => {
+		l ? y() : h(e.currentTarget);
+	}, y = u(() => {
+		h(null);
+	}, []);
+	return s(y), /* @__PURE__ */ m("li", {
+		className: e(o["SubdomainNavBar-primary-nav-list-item--overflow"], r),
+		ref: g,
+		children: [/* @__PURE__ */ m("button", {
+			"aria-expanded": _ ? "true" : "false",
+			"aria-controls": "more-navigation",
+			"aria-haspopup": "true",
+			onClick: v,
+			className: e(o["SubdomainNavBar-link"], o["SubdomainNavBar-more-link"]),
+			children: ["More", /* @__PURE__ */ p(n, {})]
+		}), /* @__PURE__ */ p("div", {
+			id: "more-navigation",
+			style: { display: _ ? "block" : "none" },
+			className: e(o["SubdomainNavBar-overflow-menu"]),
+			children: /* @__PURE__ */ p("ul", {
+				className: e(o["SubdomainNavBar-overflow-menu-list"]),
+				children: c.Children.map(t, (t) => {
+					if (c.isValidElement(t)) {
+						let n = t.props["data-navitemid"];
+						return !n || i[n] ? null : /* @__PURE__ */ p(c.Fragment, { children: c.cloneElement(t, {
+							onClick: y,
+							className: e(o["SubdomainNavBar-overflow-menu-item"], t.props.className)
+						}) });
+					}
+					return null;
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { h as NavigationVisbilityObserver };
+
+//# sourceMappingURL=NavigationVisbilityObserver.js.map

package/esm/SubdomainNavBar/NavigationVisbilityObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationVisbilityObserver.js","names":[],"sources":["../../src/SubdomainNavBar/NavigationVisbilityObserver.tsx"],"sourcesContent":["import React, {forwardRef, useCallback, useRef, useState, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {ChevronDownIcon} from '@primer/octicons-react'\n\nimport {BaseProps} from '../component-helpers'\nimport {useVisibilityObserver} from './useVisibilityObserver'\nimport {useOnClickOutside} from '../hooks/useOnClickOutside'\nimport type {VisibilityMap} from './useVisibilityObserver'\nimport type {SubdomainNavBarLinkProps} from './SubdomainNavBar'\n\nimport styles from './SubdomainNavBar.module.css'\nimport {useKeyboardEscape} from '../hooks/useKeyboardEscape'\nimport {useWindowSize} from '../hooks/useWindowSize'\nimport {useProvidedRefOrCreate} from '../hooks/useRef'\n\ntype NavigationVisibilityObserverProps = PropsWithChildren<\n  BaseProps<HTMLUListElement> & React.HTMLAttributes<HTMLUListElement>\n>\n\nexport const NavigationVisbilityObserver = forwardRef<HTMLUListElement, NavigationVisibilityObserverProps>(\n  ({children, className, ...rest}, forwardedRef) => {\n    const navRef = useProvidedRefOrCreate<HTMLUListElement>(\n      forwardedRef as React.RefObject<HTMLUListElement> | React.RefCallback<HTMLUListElement> | null,\n    )\n    const [visibilityMap] = useVisibilityObserver(navRef, children)\n    const {isMedium} = useWindowSize()\n\n    const showOverflow = Object.values(visibilityMap).includes(false)\n\n    return (\n      <ul className={clsx(styles['SubdomainNavBar-primary-nav-list'], className)} ref={navRef} {...rest}>\n        {React.Children.map(children, child => {\n          if (React.isValidElement<SubdomainNavBarLinkProps>(child)) {\n            const visibilityKey = child.props['data-navitemid']\n            if (!visibilityKey) {\n              return child\n            }\n            const isVisible = visibilityMap[visibilityKey]\n            return React.cloneElement(child, {\n              className: clsx(\n                child.props.className,\n                isMedium && isVisible && styles['SubdomainNavBar-primary-nav-list-item--visible'],\n                isMedium && isVisible === false && styles['SubdomainNavBar-primary-nav-list-item--invisible'],\n              ),\n            })\n          }\n          return child\n        })}\n\n        {showOverflow && <AnchoredOverlay visibilityMap={visibilityMap}>{children}</AnchoredOverlay>}\n      </ul>\n    )\n  },\n)\n\ntype AnchoredOverlayProps = {\n  visibilityMap: VisibilityMap\n} & BaseProps<HTMLDivElement>\n\nfunction AnchoredOverlay({children, className, visibilityMap}: React.PropsWithChildren<AnchoredOverlayProps>) {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n  const ref = useRef<HTMLLIElement | null>(null)\n\n  useOnClickOutside(ref, () => handleClose())\n\n  const open = Boolean(anchorEl)\n\n  const handleClick = event => {\n    if (anchorEl) {\n      handleClose()\n    } else {\n      setAnchorEl(event.currentTarget)\n    }\n  }\n\n  const handleClose = useCallback(() => {\n    setAnchorEl(null)\n  }, [])\n\n  useKeyboardEscape(handleClose)\n\n  return (\n    <li className={clsx(styles['SubdomainNavBar-primary-nav-list-item--overflow'], className)} ref={ref}>\n      <button\n        aria-expanded={open ? 'true' : 'false'}\n        aria-controls=\"more-navigation\"\n        aria-haspopup=\"true\"\n        onClick={handleClick}\n        className={clsx(styles['SubdomainNavBar-link'], styles['SubdomainNavBar-more-link'])}\n      >\n        More\n        <ChevronDownIcon />\n      </button>\n\n      <div\n        id=\"more-navigation\"\n        style={{display: open ? 'block' : 'none'}}\n        className={clsx(styles['SubdomainNavBar-overflow-menu'])}\n      >\n        <ul className={clsx(styles['SubdomainNavBar-overflow-menu-list'])}>\n          {React.Children.map(children, child => {\n            if (React.isValidElement<SubdomainNavBarLinkProps>(child)) {\n              const navItemChild = child.props['data-navitemid']\n              if (!navItemChild || visibilityMap[navItemChild]) {\n                return null\n              }\n\n              return (\n                <React.Fragment>\n                  {React.cloneElement(child, {\n                    onClick: handleClose,\n                    className: clsx(styles['SubdomainNavBar-overflow-menu-item'], child.props.className),\n                  })}\n                </React.Fragment>\n              )\n            }\n            return null\n          })}\n        </ul>\n      </div>\n    </li>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,IAA8B,GACxC,EAAC,aAAU,cAAW,GAAG,KAAO,MAAiB;CAChD,IAAM,IAAS,EACb,EACD,EACK,CAAC,KAAiB,EAAsB,GAAQ,EAAS,EACzD,EAAC,gBAAY,GAAe,EAE5B,IAAe,OAAO,OAAO,EAAc,CAAC,SAAS,GAAM;AAEjE,QACE,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,qCAAqC,EAAU;EAAE,KAAK;EAAQ,GAAI;YAA7F,CACG,EAAM,SAAS,IAAI,IAAU,MAAS;AACrC,OAAI,EAAM,eAAyC,EAAM,EAAE;IACzD,IAAM,IAAgB,EAAM,MAAM;AAClC,QAAI,CAAC,EACH,QAAO;IAET,IAAM,IAAY,EAAc;AAChC,WAAO,EAAM,aAAa,GAAO,EAC/B,WAAW,EACT,EAAM,MAAM,WACZ,KAAY,KAAa,EAAO,mDAChC,KAAY,MAAc,MAAS,EAAO,oDAC3C,EACF,CAAC;;AAEJ,UAAO;IACP,EAED,KAAgB,kBAAC,GAAD;GAAgC;GAAgB;GAA2B,CAAA,CACzF;;EAGV;AAMD,SAAS,EAAgB,EAAC,aAAU,cAAW,oBAA+D;CAC5G,IAAM,CAAC,GAAU,KAAe,EAAmC,KAAK,EAClE,IAAM,EAA6B,KAAK;AAE9C,GAAkB,SAAW,GAAa,CAAC;CAE3C,IAAM,IAAO,EAAQ,GAEf,KAAc,MAAS;AAC3B,EAAI,IACF,GAAa,GAEb,EAAY,EAAM,cAAc;IAI9B,IAAc,QAAkB;AACpC,IAAY,KAAK;IAChB,EAAE,CAAC;AAIN,QAFA,EAAkB,EAAY,EAG5B,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,oDAAoD,EAAU;EAAO;YAAhG,CACE,kBAAC,UAAD;GACE,iBAAe,IAAO,SAAS;GAC/B,iBAAc;GACd,iBAAc;GACd,SAAS;GACT,WAAW,EAAK,EAAO,yBAAyB,EAAO,6BAA6B;aALtF,CAMC,QAEC,kBAAC,GAAD,EAAmB,CAAA,CACZ;MAET,kBAAC,OAAD;GACE,IAAG;GACH,OAAO,EAAC,SAAS,IAAO,UAAU,QAAO;GACzC,WAAW,EAAK,EAAO,iCAAiC;aAExD,kBAAC,MAAD;IAAI,WAAW,EAAK,EAAO,sCAAsC;cAC9D,EAAM,SAAS,IAAI,IAAU,MAAS;AACrC,SAAI,EAAM,eAAyC,EAAM,EAAE;MACzD,IAAM,IAAe,EAAM,MAAM;AAKjC,aAJI,CAAC,KAAgB,EAAc,KAC1B,OAIP,kBAAC,EAAM,UAAP,EAAA,UACG,EAAM,aAAa,GAAO;OACzB,SAAS;OACT,WAAW,EAAK,EAAO,uCAAuC,EAAM,MAAM,UAAU;OACrF,CAAC,EACa,CAAA;;AAGrB,YAAO;MACP;IACC,CAAA;GACD,CAAA,CACH"}

package/esm/SubdomainNavBar/SubdomainNavBar.d.ts

@@ -0,0 +1,86 @@
+import React, { PropsWithChildren } from 'react';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css';
+export type SubdomainNavBarProps = {
+    /**
+     * Valid child elements are `SubdomainNavBar.Link`, `SubdomainNavBar.PrimaryAction`,
+     * `SubdomainNavBar.SecondaryAction` and `SubdomainNavBar.Search`
+     */
+    children?: React.ReactNode | React.ReactElement<SubdomainNavBarLinkProps> | React.ReactElement<SearchProps> | React.ReactElement<CTAActionProps>;
+    /**
+     * Forward a custom HTML class attribute
+     */
+    className?: string;
+    /**
+     * Fixes the navigation bar to the top of the viewport. Defaults to `true`.
+     */
+    fixed?: boolean;
+    /**
+     * Fill the maximum width of the parent container. Defaults to `false`.
+     */
+    fullWidth?: boolean;
+    /**
+     * The title or name of the subdomain. Appears adjacent to the logo and is required for communicating content to assisitive technologies.
+     */
+    title: string;
+    /**
+     * The URL for the site. Typically used to link the titleText prop value to the site root.
+     */
+    titleHref?: string;
+    /**
+     * Optionally change the URL of the logo
+     */
+    logoHref?: string;
+    /**
+     * When the menu is opened or closed on narrow viewports, this callback is called with the new open state.
+     */
+    onNarrowMenuToggle?: (isOpen: boolean) => void;
+};
+declare function Root({ children, className, fixed, fullWidth, logoHref, title, titleHref, onNarrowMenuToggle, ...rest }: SubdomainNavBarProps): import("react/jsx-runtime").JSX.Element;
+export type SubdomainNavBarLinkProps = {
+    href: string;
+    isExternal?: boolean;
+    'data-navitemid'?: string;
+} & React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
+declare function Link({ href, className, children, isExternal, ...rest }: PropsWithChildren<SubdomainNavBarLinkProps>): import("react/jsx-runtime").JSX.Element;
+export type SubdomainNavBarSearchResultProps = {
+    title: string;
+    description: string;
+    url: string;
+    date: string;
+    category?: string;
+};
+type HandlerEvent = MouseEvent | TouchEvent | FocusEvent;
+type SearchProps = {
+    onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    ref: React.RefObject<HTMLInputElement>;
+    active?: boolean;
+    title?: string;
+    handlerFn?: (event: HandlerEvent) => void;
+    autoComplete?: boolean;
+    searchResults?: SubdomainNavBarSearchResultProps[];
+    searchTerm?: string;
+};
+type CTAActionProps = {
+    href: string;
+} & React.HTMLAttributes<HTMLAnchorElement>;
+declare function PrimaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): import("react/jsx-runtime").JSX.Element;
+declare function SecondaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): import("react/jsx-runtime").JSX.Element;
+export declare const SubdomainNavBar: typeof Root & {
+    Link: typeof Link;
+    Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    PrimaryAction: typeof PrimaryAction;
+    SecondaryAction: typeof SecondaryAction;
+    testIds: {
+        root: string;
+        readonly innerContainer: string;
+        readonly menuButton: string;
+        readonly menuLinks: string;
+        readonly liveRegion: string;
+    };
+};
+export {};
+//# sourceMappingURL=SubdomainNavBar.d.ts.map

package/esm/SubdomainNavBar/SubdomainNavBar.d.ts.map

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