@primer/components 0.0.0-2021828205225 → 0.0.0-20218282148

package/lib-esm/UnderlineNav.js

@@ -11,7 +11,7 @@ const SELECTED_CLASS = 'selected';
 const UnderlineNavBase = styled.nav.withConfig({
   displayName: "UnderlineNav__UnderlineNavBase",
   componentId: "zrnxqt-0"
-})(["display:flex;justify-content:space-between;border-bottom:1px solid ", ";&.UnderlineNav--right{justify-content:flex-end;.UnderlineNav-item{margin-right:0;margin-left:", ";}.UnderlineNav-actions{flex:1 1 auto;}}&.UnderlineNav--full{display:block;}.UnderlineNav-body{display:flex;margin-bottom:-1px;}.UnderlineNav-actions{align-self:center;}", ";", ";"], get('colors.border.secondary'), get('space.3'), COMMON, sx);
+})(["display:flex;justify-content:space-between;border-bottom:1px solid ", ";&.UnderlineNav--right{justify-content:flex-end;.UnderlineNav-item{margin-right:0;margin-left:", ";}.UnderlineNav-actions{flex:1 1 auto;}}&.UnderlineNav--full{display:block;}.UnderlineNav-body{display:flex;margin-bottom:-1px;}.UnderlineNav-actions{align-self:center;}", ";", ";"], get('colors.border.muted'), get('space.3'), COMMON, sx);
 
 function UnderlineNav({
   actions,
@@ -42,7 +42,7 @@ const UnderlineNavLink = styled.a.attrs(props => ({
 })).withConfig({
   displayName: "UnderlineNav__UnderlineNavLink",
   componentId: "zrnxqt-1"
-})(["padding:", " ", ";margin-right:", ";font-size:", ";line-height:", ";color:", ";text-align:center;border-bottom:2px solid transparent;text-decoration:none;&:hover,&:focus{color:", ";text-decoration:none;border-bottom-color:", ";transition:0.2s ease;.UnderlineNav-octicon{color:", ";}}&.selected{color:", ";border-bottom-color:", ";.UnderlineNav-octicon{color:", ";}}", ";", ";"], get('space.3'), get('space.2'), get('space.3'), get('fontSizes.1'), get('lineHeights.default'), get('colors.underlinenav.text'), get('colors.underlinenav.textHover'), get('colors.border.tertiary'), get('colors.text.tertiary'), get('colors.underlinenav.textActive'), get('colors.underlinenav.borderActive'), get('colors.underlinenav.iconActive'), COMMON, sx);
+})(["padding:", " ", ";margin-right:", ";font-size:", ";line-height:", ";color:", ";text-align:center;border-bottom:2px solid transparent;text-decoration:none;&:hover,&:focus{color:", ";text-decoration:none;border-bottom-color:", ";transition:0.2s ease;.UnderlineNav-octicon{color:", ";}}&.selected{color:", ";border-bottom-color:", ";.UnderlineNav-octicon{color:", ";}}", ";", ";"], get('space.3'), get('space.2'), get('space.3'), get('fontSizes.1'), get('lineHeights.default'), get('colors.fg.default'), get('colors.fg.default'), get('colors.neutral.muted'), get('colors.fg.muted'), get('colors.fg.default'), get('colors.primer.border.active'), get('colors.fg.default'), COMMON, sx);
 UnderlineNavLink.displayName = 'UnderlineNav.Link';
 export default Object.assign(UnderlineNav, {
   Link: UnderlineNavLink

package/lib-esm/hooks/useOverlay.d.ts

@@ -7,9 +7,8 @@ export declare type UseOverlaySettings = {
     onEscape: (e: KeyboardEvent) => void;
     onClickOutside: (e: TouchOrMouseEvent) => void;
     overlayRef?: React.RefObject<HTMLDivElement>;
-    preventFocusOnOpen?: boolean;
 };
 export declare type OverlayReturnProps = {
     ref: React.RefObject<HTMLDivElement>;
 };
-export declare const useOverlay: ({ overlayRef: _overlayRef, returnFocusRef, initialFocusRef, onEscape, ignoreClickRefs, onClickOutside, preventFocusOnOpen }: UseOverlaySettings) => OverlayReturnProps;
+export declare const useOverlay: ({ overlayRef: _overlayRef, returnFocusRef, initialFocusRef, onEscape, ignoreClickRefs, onClickOutside }: UseOverlaySettings) => OverlayReturnProps;

package/lib-esm/hooks/useOverlay.js

@@ -8,19 +8,14 @@ export const useOverlay = ({
   initialFocusRef,
   onEscape,
   ignoreClickRefs,
-  onClickOutside,
-  preventFocusOnOpen
+  onClickOutside
 }) => {
   const overlayRef = useProvidedRefOrCreate(_overlayRef);
-
-  if (!preventFocusOnOpen) {
-    useOpenAndCloseFocus({
-      containerRef: overlayRef,
-      returnFocusRef,
-      initialFocusRef
-    });
-  }
-
+  useOpenAndCloseFocus({
+    containerRef: overlayRef,
+    returnFocusRef,
+    initialFocusRef
+  });
   useOnOutsideClick({
     containerRef: overlayRef,
     ignoreClickRefs,

package/lib-esm/index.d.ts

@@ -32,8 +32,8 @@ export { default as AvatarStack } from './AvatarStack';
 export type { AvatarStackProps } from './AvatarStack';
 export { default as BranchName } from './BranchName';
 export type { BranchNameProps } from './BranchName';
-export { default as Breadcrumb } from './Breadcrumb';
-export type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';
+export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumbs';
 export { default as Button, ButtonDanger, ButtonOutline, ButtonPrimary, ButtonInvisible, ButtonTableList, ButtonClose, ButtonGroup } from './Button';
 export type { ButtonProps, ButtonDangerProps, ButtonOutlineProps, ButtonPrimaryProps, ButtonInvisibleProps, ButtonTableListProps, ButtonCloseProps, ButtonGroupProps } from './Button';
 export { default as Caret } from './Caret';
@@ -108,3 +108,4 @@ export { default as Truncate } from './Truncate';
 export type { TruncateProps } from './Truncate';
 export { default as UnderlineNav } from './UnderlineNav';
 export type { UnderlineNavProps, UnderlineNavLinkProps } from './UnderlineNav';
+export { SSRProvider, useSSRSafeId } from './utils/ssr';

package/lib-esm/index.js

@@ -23,7 +23,7 @@ export { default as Avatar } from './Avatar';
 export { default as AvatarPair } from './AvatarPair';
 export { default as AvatarStack } from './AvatarStack';
 export { default as BranchName } from './BranchName';
-export { default as Breadcrumb } from './Breadcrumb';
+export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
 export { default as Button, ButtonDanger, ButtonOutline, ButtonPrimary, ButtonInvisible, ButtonTableList, ButtonClose, ButtonGroup } from './Button';
 export { default as Caret } from './Caret';
 export { default as CircleBadge } from './CircleBadge';
@@ -65,4 +65,5 @@ export { default as Text } from './Text';
 export { default as Timeline } from './Timeline';
 export { default as Tooltip } from './Tooltip';
 export { default as Truncate } from './Truncate';
-export { default as UnderlineNav } from './UnderlineNav';
+export { default as UnderlineNav } from './UnderlineNav';
+export { SSRProvider, useSSRSafeId } from './utils/ssr';

package/lib-esm/theme-preval.d.ts

@@ -9,20 +9,7 @@ export namespace theme {
     export { radii };
     export { sizes };
     export { space };
-    export namespace colorSchemes {
-        namespace light {
-            export { lightColors as colors };
-            export { lightShadows as shadows };
-        }
-        namespace dark {
-            export { darkColors as colors };
-            export { darkShadows as shadows };
-        }
-        namespace dark_dimmed {
-            export { darkDimmedColors as colors };
-            export { darkDimmedShadows as shadows };
-        }
-    }
+    export { colorSchemes };
 }
 declare namespace animation {
     const easeOutCubic: string;
@@ -35,8 +22,7 @@ declare namespace fonts {
 }
 declare const fontSizes: string[];
 declare namespace fontWeights {
-    const light_1: number;
-    export { light_1 as light };
+    export const light: number;
     const normal_1: number;
     export { normal_1 as normal };
     export const semibold: number;
@@ -56,42 +42,8 @@ declare namespace sizes {
 }
 declare const space: string[];
 /**
- * @type Partial<typeof primitives.colors.light>
+ * @type Record<keyof typeof primitives.colors, Record<'colors' | 'shadows', Partial<typeof primitives.colors.light>>
  */
-declare const lightColors: Partial<typeof primitives.colors.light>;
-/**
- * @type Partial<typeof primitives.colors.light>
- */
-declare const lightShadows: Partial<typeof primitives.colors.light>;
-/**
- * @type Partial<typeof primitives.colors.dark>
- */
-declare const darkColors: Partial<typeof primitives.colors.dark>;
-/**
- * @type Partial<typeof primitives.colors.dark>
- */
-declare const darkShadows: Partial<typeof primitives.colors.dark>;
-/**
- * @type Partial<typeof primitives.colors.dark_dimmed>
- */
-declare const darkDimmedColors: Partial<typeof primitives.colors.dark_dimmed>;
-/**
- * @type Partial<typeof primitives.colors.dark_dimmed>
- */
-declare const darkDimmedShadows: Partial<typeof primitives.colors.dark_dimmed>;
+declare const colorSchemes: Record<keyof typeof primitives.colors, Record<'colors' | 'shadows', Partial<typeof primitives.colors.light>>>;
 import { default as primitives } from "@primer/primitives";
-declare const light_2: {
-    colors: {};
-    /**
-     * @type Partial<typeof primitives.colors.light>
-     */
-    shadows: {};
-};
-declare const dark_1: {
-    colors: {};
-    /**
-     * @type Partial<typeof primitives.colors.light>
-     */
-    shadows: {};
-};
 export {};