@primer/components 0.0.0-2021118154017 → 0.0.0-2021118195952

package/lib/index.js

@@ -21,6 +21,24 @@ Object.defineProperty(exports, "BaseStyles", {
     return _BaseStyles.default;
   }
 });
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.default;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useTheme;
+  }
+});
+Object.defineProperty(exports, "useColorSchemeVar", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.useColorSchemeVar;
+  }
+});
 Object.defineProperty(exports, "BorderBox", {
   enumerable: true,
   get: function () {
@@ -81,10 +99,70 @@ Object.defineProperty(exports, "useDetails", {
     return _useDetails.default;
   }
 });
-Object.defineProperty(exports, "useMouseIntent", {
+Object.defineProperty(exports, "useSafeTimeout", {
   enumerable: true,
   get: function () {
-    return _useMouseIntent.default;
+    return _useSafeTimeout.default;
+  }
+});
+Object.defineProperty(exports, "useOnOutsideClick", {
+  enumerable: true,
+  get: function () {
+    return _useOnOutsideClick.useOnOutsideClick;
+  }
+});
+Object.defineProperty(exports, "useOpenAndCloseFocus", {
+  enumerable: true,
+  get: function () {
+    return _useOpenAndCloseFocus.useOpenAndCloseFocus;
+  }
+});
+Object.defineProperty(exports, "useOnEscapePress", {
+  enumerable: true,
+  get: function () {
+    return _useOnEscapePress.useOnEscapePress;
+  }
+});
+Object.defineProperty(exports, "useOverlay", {
+  enumerable: true,
+  get: function () {
+    return _useOverlay.useOverlay;
+  }
+});
+Object.defineProperty(exports, "useConfirm", {
+  enumerable: true,
+  get: function () {
+    return _ConfirmationDialog.useConfirm;
+  }
+});
+Object.defineProperty(exports, "ConfirmationDialog", {
+  enumerable: true,
+  get: function () {
+    return _ConfirmationDialog.ConfirmationDialog;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () {
+    return _Radio.default;
+  }
+});
+Object.defineProperty(exports, "ActionList", {
+  enumerable: true,
+  get: function () {
+    return _ActionList.ActionList;
+  }
+});
+Object.defineProperty(exports, "ActionMenu", {
+  enumerable: true,
+  get: function () {
+    return _ActionMenu.ActionMenu;
+  }
+});
+Object.defineProperty(exports, "Autocomplete", {
+  enumerable: true,
+  get: function () {
+    return _Autocomplete.default;
   }
 });
 Object.defineProperty(exports, "Avatar", {
@@ -111,10 +189,16 @@ Object.defineProperty(exports, "BranchName", {
     return _BranchName.default;
   }
 });
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () {
+    return _Breadcrumbs.default;
+  }
+});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function () {
-    return _Breadcrumb.default;
+    return _Breadcrumbs.Breadcrumb;
   }
 });
 Object.defineProperty(exports, "Button", {
@@ -165,6 +249,12 @@ Object.defineProperty(exports, "ButtonGroup", {
     return _Button.ButtonGroup;
   }
 });
+Object.defineProperty(exports, "NewButton", {
+  enumerable: true,
+  get: function () {
+    return _NewButton.NewButton;
+  }
+});
 Object.defineProperty(exports, "Caret", {
   enumerable: true,
   get: function () {
@@ -183,6 +273,24 @@ Object.defineProperty(exports, "CircleOcticon", {
     return _CircleOcticon.default;
   }
 });
+Object.defineProperty(exports, "CheckboxInputField", {
+  enumerable: true,
+  get: function () {
+    return _CheckboxInputField.default;
+  }
+});
+Object.defineProperty(exports, "ChoiceFieldset", {
+  enumerable: true,
+  get: function () {
+    return _ChoiceFieldset.default;
+  }
+});
+Object.defineProperty(exports, "Item", {
+  enumerable: true,
+  get: function () {
+    return _ChoiceFieldset.Item;
+  }
+});
 Object.defineProperty(exports, "CounterLabel", {
   enumerable: true,
   get: function () {
@@ -207,6 +315,18 @@ Object.defineProperty(exports, "Dropdown", {
     return _Dropdown.default;
   }
 });
+Object.defineProperty(exports, "DropdownButton", {
+  enumerable: true,
+  get: function () {
+    return _DropdownMenu.DropdownButton;
+  }
+});
+Object.defineProperty(exports, "DropdownMenu", {
+  enumerable: true,
+  get: function () {
+    return _DropdownMenu.DropdownMenu;
+  }
+});
 Object.defineProperty(exports, "FilteredSearch", {
   enumerable: true,
   get: function () {
@@ -261,6 +381,12 @@ Object.defineProperty(exports, "Link", {
     return _Link.default;
   }
 });
+Object.defineProperty(exports, "Overlay", {
+  enumerable: true,
+  get: function () {
+    return _Overlay.default;
+  }
+});
 Object.defineProperty(exports, "Pagehead", {
   enumerable: true,
   get: function () {
@@ -291,6 +417,12 @@ Object.defineProperty(exports, "ProgressBar", {
     return _ProgressBar.default;
   }
 });
+Object.defineProperty(exports, "RadioInputField", {
+  enumerable: true,
+  get: function () {
+    return _RadioInputField.default;
+  }
+});
 Object.defineProperty(exports, "SelectMenu", {
   enumerable: true,
   get: function () {
@@ -303,6 +435,12 @@ Object.defineProperty(exports, "SideNav", {
     return _SideNav.default;
   }
 });
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function () {
+    return _Spinner.default;
+  }
+});
 Object.defineProperty(exports, "StateLabel", {
   enumerable: true,
   get: function () {
@@ -333,6 +471,18 @@ Object.defineProperty(exports, "TextInput", {
     return _TextInput.default;
   }
 });
+Object.defineProperty(exports, "TextInputField", {
+  enumerable: true,
+  get: function () {
+    return _TextInputField.default;
+  }
+});
+Object.defineProperty(exports, "TextInputWithTokens", {
+  enumerable: true,
+  get: function () {
+    return _TextInputWithTokens.default;
+  }
+});
 Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {
@@ -345,6 +495,24 @@ Object.defineProperty(exports, "Timeline", {
     return _Timeline.default;
   }
 });
+Object.defineProperty(exports, "Token", {
+  enumerable: true,
+  get: function () {
+    return _Token.default;
+  }
+});
+Object.defineProperty(exports, "IssueLabelToken", {
+  enumerable: true,
+  get: function () {
+    return _Token.IssueLabelToken;
+  }
+});
+Object.defineProperty(exports, "AvatarToken", {
+  enumerable: true,
+  get: function () {
+    return _Token.AvatarToken;
+  }
+});
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
@@ -363,6 +531,24 @@ Object.defineProperty(exports, "UnderlineNav", {
     return _UnderlineNav.default;
   }
 });
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.default;
+  }
+});
+Object.defineProperty(exports, "SSRProvider", {
+  enumerable: true,
+  get: function () {
+    return _ssr.SSRProvider;
+  }
+});
+Object.defineProperty(exports, "useSSRSafeId", {
+  enumerable: true,
+  get: function () {
+    return _ssr.useSSRSafeId;
+  }
+});
 
 var _theme = _interopRequireDefault(require("./theme"));
 
@@ -370,6 +556,8 @@ var _constants = require("./constants");
 
 var _BaseStyles = _interopRequireDefault(require("./BaseStyles"));
 
+var _ThemeProvider = _interopRequireWildcard(require("./ThemeProvider"));
+
 var _BorderBox = _interopRequireDefault(require("./BorderBox"));
 
 var _Box = _interopRequireDefault(require("./Box"));
@@ -382,7 +570,25 @@ var _Position = _interopRequireWildcard(require("./Position"));
 
 var _useDetails = _interopRequireDefault(require("./hooks/useDetails"));
 
-var _useMouseIntent = _interopRequireDefault(require("./hooks/useMouseIntent"));
+var _useSafeTimeout = _interopRequireDefault(require("./hooks/useSafeTimeout"));
+
+var _useOnOutsideClick = require("./hooks/useOnOutsideClick");
+
+var _useOpenAndCloseFocus = require("./hooks/useOpenAndCloseFocus");
+
+var _useOnEscapePress = require("./hooks/useOnEscapePress");
+
+var _useOverlay = require("./hooks/useOverlay");
+
+var _ConfirmationDialog = require("./Dialog/ConfirmationDialog");
+
+var _Radio = _interopRequireDefault(require("./Radio"));
+
+var _ActionList = require("./ActionList");
+
+var _ActionMenu = require("./ActionMenu");
+
+var _Autocomplete = _interopRequireDefault(require("./Autocomplete"));
 
 var _Avatar = _interopRequireDefault(require("./Avatar"));
 
@@ -392,16 +598,22 @@ var _AvatarStack = _interopRequireDefault(require("./AvatarStack"));
 
 var _BranchName = _interopRequireDefault(require("./BranchName"));
 
-var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
+var _Breadcrumbs = _interopRequireWildcard(require("./Breadcrumbs"));
 
 var _Button = _interopRequireWildcard(require("./Button"));
 
+var _NewButton = require("./NewButton");
+
 var _Caret = _interopRequireDefault(require("./Caret"));
 
 var _CircleBadge = _interopRequireDefault(require("./CircleBadge"));
 
 var _CircleOcticon = _interopRequireDefault(require("./CircleOcticon"));
 
+var _CheckboxInputField = _interopRequireDefault(require("./CheckboxInputField"));
+
+var _ChoiceFieldset = _interopRequireWildcard(require("./ChoiceFieldset"));
+
 var _CounterLabel = _interopRequireDefault(require("./CounterLabel"));
 
 var _Details = _interopRequireDefault(require("./Details"));
@@ -410,6 +622,8 @@ var _Dialog = _interopRequireDefault(require("./Dialog"));
 
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 
+var _DropdownMenu = require("./DropdownMenu");
+
 var _FilteredSearch = _interopRequireDefault(require("./FilteredSearch"));
 
 var _FilterList = _interopRequireDefault(require("./FilterList"));
@@ -428,6 +642,8 @@ var _Label = _interopRequireDefault(require("./Label"));
 
 var _Link = _interopRequireDefault(require("./Link"));
 
+var _Overlay = _interopRequireDefault(require("./Overlay"));
+
 var _Pagehead = _interopRequireDefault(require("./Pagehead"));
 
 var _Pagination = _interopRequireDefault(require("./Pagination"));
@@ -438,10 +654,14 @@ var _Popover = _interopRequireDefault(require("./Popover"));
 
 var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
 
+var _RadioInputField = _interopRequireDefault(require("./RadioInputField"));
+
 var _SelectMenu = _interopRequireDefault(require("./SelectMenu"));
 
 var _SideNav = _interopRequireDefault(require("./SideNav"));
 
+var _Spinner = _interopRequireDefault(require("./Spinner"));
+
 var _StateLabel = _interopRequireDefault(require("./StateLabel"));
 
 var _StyledOcticon = _interopRequireDefault(require("./StyledOcticon"));
@@ -452,18 +672,28 @@ var _TabNav = _interopRequireDefault(require("./TabNav"));
 
 var _TextInput = _interopRequireDefault(require("./TextInput"));
 
+var _TextInputField = _interopRequireDefault(require("./TextInputField"));
+
+var _TextInputWithTokens = _interopRequireDefault(require("./TextInputWithTokens"));
+
 var _Text = _interopRequireDefault(require("./Text"));
 
 var _Timeline = _interopRequireDefault(require("./Timeline"));
 
+var _Token = _interopRequireWildcard(require("./Token"));
+
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 
 var _Truncate = _interopRequireDefault(require("./Truncate"));
 
 var _UnderlineNav = _interopRequireDefault(require("./UnderlineNav"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+
+var _ssr = require("./utils/ssr");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/polyfills/eventListenerSignal.d.ts

@@ -0,0 +1,6 @@
+export declare function polyfill(): void;
+declare global {
+    interface AddEventListenerOptions {
+        signal?: AbortSignal;
+    }
+}

package/lib/polyfills/eventListenerSignal.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.polyfill = polyfill;
+
+/*
+
+This file polyfills the following: https://github.com/whatwg/dom/issues/911
+Once all targeted browsers support this DOM feature, this polyfill can be deleted.
+
+This allows users to pass an AbortSignal to a call to addEventListener as part of the
+AddEventListenerOptions object. When the signal is aborted, the event listener is
+removed.
+
+*/
+let signalSupported = false; // eslint-disable-next-line @typescript-eslint/no-empty-function
+
+function noop() {}
+
+try {
+  const options = Object.create({}, {
+    signal: {
+      get() {
+        signalSupported = true;
+      }
+
+    }
+  });
+  window.addEventListener('test', noop, options);
+  window.removeEventListener('test', noop, options);
+} catch (e) {
+  /* */
+}
+
+function featureSupported() {
+  return signalSupported;
+}
+
+function monkeyPatch() {
+  if (typeof window === 'undefined') {
+    return;
+  }
+
+  const originalAddEventListener = EventTarget.prototype.addEventListener;
+
+  EventTarget.prototype.addEventListener = function (name, originalCallback, optionsOrCapture) {
+    if (typeof optionsOrCapture === 'object' && 'signal' in optionsOrCapture && optionsOrCapture.signal instanceof AbortSignal) {
+      originalAddEventListener.call(optionsOrCapture.signal, 'abort', () => {
+        this.removeEventListener(name, originalCallback, optionsOrCapture);
+      });
+    }
+
+    return originalAddEventListener.call(this, name, originalCallback, optionsOrCapture);
+  };
+}
+
+function polyfill() {
+  if (!featureSupported()) {
+    monkeyPatch();
+    signalSupported = true;
+  }
+}

package/lib/sx.d.ts

@@ -0,0 +1,14 @@
+import { SystemCssProperties, SystemStyleObject } from '@styled-system/css';
+import { ThemeColorPaths, ThemeShadowPaths } from './theme';
+import { ColorProps, ShadowProps } from 'styled-system';
+import merge from 'deepmerge';
+export declare type BetterCssProperties = {
+    [K in keyof SystemCssProperties]: K extends keyof ColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof ShadowProps ? ThemeShadowPaths | SystemCssProperties[K] : SystemCssProperties[K];
+};
+export declare type BetterSystemStyleObject = BetterCssProperties | SystemStyleObject;
+export interface SxProp {
+    sx?: BetterSystemStyleObject;
+}
+declare const sx: (props: SxProp) => import("@styled-system/css").CssFunctionReturnType;
+export default sx;
+export { merge };

package/lib/sx.js

@@ -3,18 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "merge", {
+  enumerable: true,
+  get: function () {
+    return _deepmerge.default;
+  }
+});
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _css = _interopRequireDefault(require("@styled-system/css"));
 
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const sx = props => (0, _css.default)(props.sx);
 
-sx.propTypes = {
-  sx: _propTypes.default.object
-};
 var _default = sx;
 exports.default = _default;

package/lib/theme-preval.d.ts

@@ -0,0 +1,49 @@
+export namespace theme {
+    export { animation };
+    export { borderWidths };
+    export { breakpoints };
+    export { fonts };
+    export { fontSizes };
+    export { fontWeights };
+    export { lineHeights };
+    export { radii };
+    export { sizes };
+    export { space };
+    export { colorSchemes };
+}
+declare namespace animation {
+    const easeOutCubic: string;
+}
+declare const borderWidths: (string | number)[];
+declare const breakpoints: string[];
+declare namespace fonts {
+    const normal: any;
+    const mono: any;
+}
+declare const fontSizes: string[];
+declare namespace fontWeights {
+    export const light: number;
+    const normal_1: number;
+    export { normal_1 as normal };
+    export const semibold: number;
+    export const bold: number;
+}
+declare const lineHeights: {
+    condensedUltra: number;
+    condensed: number;
+    default: number;
+};
+declare const radii: string[];
+declare namespace sizes {
+    const small: string;
+    const medium: string;
+    const large: string;
+    const xlarge: string;
+}
+declare const space: string[];
+/**
+ * @type Record<keyof typeof primitives.colors, Record<'colors' | 'shadows', Partial<typeof primitives.colors.light>>
+ */
+declare const colorSchemes: Record<keyof typeof primitives.colors, Record<'colors' | 'shadows', Partial<typeof primitives.colors.light>>>;
+import { default as primitives } from "@primer/primitives";
+export {};