@primer/components 0.0.0-202182921545 → 0.0.0-2021829233555

package/lib/Dialog/ConfirmationDialog.js

@@ -117,13 +117,13 @@ const ConfirmationDialog = props => {
   }, [onClose]);
   const cancelButton = {
     content: cancelButtonContent,
-    onClick: onCancelButtonClick
+    onClick: onCancelButtonClick,
+    autoFocus: true
   };
   const confirmButton = {
     content: confirmButtonContent,
     buttonType: confirmButtonType,
-    onClick: onConfirmButtonClick,
-    autoFocus: true
+    onClick: onConfirmButtonClick
   };
   const footerButtons = [cancelButton, confirmButton];
   return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {

package/lib/Dialog/Dialog.d.ts

@@ -19,11 +19,6 @@ export declare type DialogButtonProps = ButtonProps & {
      * focus this button automatically when the dialog appears.
      */
     autoFocus?: boolean;
-    /**
-     * A reference to the rendered Button’s DOM node, used together with
-     * `autoFocus` for `focusTrap`’s `initialFocus`.
-     */
-    ref?: React.RefObject<HTMLButtonElement>;
 };
 /**
  * Props to customize the rendering of the Dialog.

package/lib/Dialog/Dialog.js

@@ -141,19 +141,10 @@ const _Dialog = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) =>
     onClose,
     role = 'dialog',
     width = 'xlarge',
-    height = 'auto',
-    footerButtons = []
+    height = 'auto'
   } = props;
   const dialogLabelId = (0, _ssr.useSSRSafeId)();
   const dialogDescriptionId = (0, _ssr.useSSRSafeId)();
-  const autoFocusedFooterButtonRef = (0, _react.useRef)(null);
-
-  for (const footerButton of footerButtons) {
-    if (footerButton.autoFocus) {
-      footerButton.ref = autoFocusedFooterButtonRef;
-    }
-  }
-
   const defaultedProps = { ...props,
     title,
     subtitle,
@@ -166,8 +157,7 @@ const _Dialog = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) =>
   const backdropRef = (0, _react.useRef)(null);
   (0, _useFocusTrap.useFocusTrap)({
     containerRef: dialogRef,
-    restoreFocusOnCleanUp: true,
-    initialFocusRef: autoFocusedFooterButtonRef
+    restoreFocusOnCleanUp: true
   });
   (0, _hooks.useOnEscapePress)(event => {
     onClose('escape');
@@ -222,9 +212,7 @@ const buttonTypes = {
 const Buttons = ({
   buttons
 }) => {
-  var _buttons$find;
-
-  const autoFocusRef = (0, _hooks.useProvidedRefOrCreate)((_buttons$find = buttons.find(button => button.autoFocus)) === null || _buttons$find === void 0 ? void 0 : _buttons$find.ref);
+  const autoFocusRef = (0, _react.useRef)(null);
   let autoFocusCount = 0;
   const [hasRendered, setHasRendered] = (0, _react.useState)(0);
   (0, _react.useEffect)(() => {
@@ -236,7 +224,7 @@ const Buttons = ({
     } else {
       setHasRendered(hasRendered + 1);
     }
-  }, [autoFocusRef, hasRendered]);
+  }, [hasRendered]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttons.map((dialogButtonProps, index) => {
     const {
       content,

package/lib/theme-preval.d.ts

@@ -9,24 +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 };
-        }
-        namespace dark_high_contrast {
-            export { darkHighContrastColors as colors };
-            export { darkHighContrastShadows as shadows };
-        }
-    }
+    export { colorSchemes };
 }
 declare namespace animation {
     const easeOutCubic: string;
@@ -39,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;
@@ -60,44 +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>;
-/**
- * @type Partial<typeof primitives.colors.dark_dimmed>
- */
-declare const darkHighContrastColors: Partial<typeof primitives.colors.dark_dimmed>;
-/**
- * @type Partial<typeof primitives.colors.dark_high_contrast>
- */
-declare const darkHighContrastShadows: Partial<typeof primitives.colors.dark_high_contrast>;
+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: {};
-    shadows: {};
-};
-declare const dark_1: {
-    colors: {};
-    shadows: {};
-};
 export {};