@primer/components 0.0.0-2021111142050 → 0.0.0-2021111164412

package/lib-esm/_InputValidation.js

@@ -0,0 +1,43 @@
+import { AlertFillIcon, CheckCircleFillIcon } from '@primer/octicons-react';
+import React from 'react';
+import { Box, Text } from '.';
+const validationIconMap = {
+  success: CheckCircleFillIcon,
+  error: AlertFillIcon
+};
+const validationColorMap = {
+  success: 'success.fg',
+  error: 'danger.fg'
+};
+
+const InputValidation = ({
+  children,
+  id,
+  validationStatus
+}) => {
+  const IconComponent = validationStatus ? validationIconMap[validationStatus] : undefined;
+  const fgColor = validationStatus ? validationColorMap[validationStatus] : undefined;
+  return /*#__PURE__*/React.createElement(Text, {
+    display: "flex",
+    color: fgColor,
+    fontSize: 0,
+    sx: {
+      alignItems: 'baseline',
+      a: {
+        color: 'currentColor',
+        textDecoration: 'underline'
+      }
+    }
+  }, IconComponent && /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    mr: 1
+  }, /*#__PURE__*/React.createElement(IconComponent, {
+    size: 12,
+    fill: "currentColor"
+  })), /*#__PURE__*/React.createElement("span", {
+    id: id
+  }, children));
+};
+
+InputValidation.displayName = "InputValidation";
+export default InputValidation;

package/lib-esm/_VisuallyHidden.d.ts

@@ -0,0 +1,6 @@
+import { SxProp } from './sx';
+interface Props {
+    isVisible?: boolean;
+}
+declare const VisuallyHidden: import("styled-components").StyledComponent<"span", any, Props & SxProp, never>;
+export default VisuallyHidden;

package/lib-esm/_VisuallyHidden.js

@@ -0,0 +1,26 @@
+import styled from 'styled-components';
+import sx from './sx';
+const VisuallyHidden = styled.span.withConfig({
+  displayName: "_VisuallyHidden__VisuallyHidden",
+  componentId: "sc-1k15c4h-0"
+})(["", ""], props => {
+  if (props.isVisible) {
+    return sx;
+  }
+
+  return `
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border-width: 0;
+    `;
+});
+VisuallyHidden.defaultProps = {
+  isVisible: true
+};
+export default VisuallyHidden;

package/{lib/src → lib-esm}/index.d.ts

@@ -46,6 +46,8 @@ export { default as CircleBadge } from './CircleBadge';
 export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
 export { default as CircleOcticon } from './CircleOcticon';
 export type { CircleOcticonProps } from './CircleOcticon';
+export { default as CheckboxInputField } from './CheckboxInputField';
+export { default as ChoiceFieldset, Item } from './ChoiceFieldset';
 export { default as CounterLabel } from './CounterLabel';
 export type { CounterLabelProps } from './CounterLabel';
 export { default as Details } from './Details';
@@ -86,6 +88,7 @@ export { default as Popover } from './Popover';
 export type { PopoverProps, PopoverContentProps } from './Popover';
 export { default as ProgressBar } from './ProgressBar';
 export type { ProgressBarProps } from './ProgressBar';
+export { default as RadioInputField } from './RadioInputField';
 export { default as SelectMenu } from './SelectMenu';
 export type { SelectMenuProps, SelectMenuDividerProps, SelectMenuFilterProps, SelectMenuFooterProps, SelectMenuItemProps, SelectMenuListProps, SelectMenuModalProps, SelectMenuTabsProps, SelectMenuHeaderProps, SelectMenuTabProps, SelectMenuTabPanelProps, SelectMenuLoadingAnimationProps } from './SelectMenu';
 export { default as SideNav } from './SideNav';
@@ -102,6 +105,7 @@ export { default as TabNav } from './TabNav';
 export type { TabNavProps, TabNavLinkProps } from './TabNav';
 export { default as TextInput } from './TextInput';
 export type { TextInputProps } from './TextInput';
+export { default as TextInputField } from './TextInputField';
 export { default as TextInputWithTokens } from './TextInputWithTokens';
 export type { TextInputWithTokensProps } from './TextInputWithTokens';
 export { default as Text } from './Text';

package/lib-esm/index.js

@@ -30,6 +30,8 @@ export { NewButton } from './NewButton';
 export { default as Caret } from './Caret';
 export { default as CircleBadge } from './CircleBadge';
 export { default as CircleOcticon } from './CircleOcticon';
+export { default as CheckboxInputField } from './CheckboxInputField';
+export { default as ChoiceFieldset, Item } from './ChoiceFieldset';
 export { default as CounterLabel } from './CounterLabel';
 export { default as Details } from './Details';
 export { default as Dialog } from './Dialog';
@@ -55,6 +57,7 @@ export { default as Popover } from './Popover';
 // export {default as Portal, registerPortalRoot} from './Portal'
 // export type {PortalProps} from './Portal'
 export { default as ProgressBar } from './ProgressBar';
+export { default as RadioInputField } from './RadioInputField';
 export { default as SelectMenu } from './SelectMenu';
 export { default as SideNav } from './SideNav';
 export { default as Spinner } from './Spinner';
@@ -63,6 +66,7 @@ export { default as StyledOcticon } from './StyledOcticon';
 export { default as SubNav } from './SubNav';
 export { default as TabNav } from './TabNav';
 export { default as TextInput } from './TextInput';
+export { default as TextInputField } from './TextInputField';
 export { default as TextInputWithTokens } from './TextInputWithTokens';
 export { default as Text } from './Text';
 export { default as Timeline } from './Timeline';

package/lib-esm/utils/types/FormValidationStatus.d.ts

@@ -0,0 +1 @@
+export declare type FormValidationStatus = 'error' | 'success';

package/lib-esm/utils/types/FormValidationStatus.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-2021111142050",
+  "version": "0.0.0-2021111164412",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -43,7 +43,7 @@
   "author": "GitHub, Inc.",
   "license": "MIT",
   "dependencies": {
-    "@primer/octicons-react": "^16.1.0",
+    "@primer/octicons-react": "16.1.1",
     "@primer/primitives": "7.1.1",
     "@radix-ui/react-polymorphic": "0.0.14",
     "@react-aria/ssr": "3.1.0",
@@ -91,7 +91,6 @@
     "@types/jest-axe": "3.5.3",
     "@types/lodash.isempty": "4.4.6",
     "@types/lodash.isobject": "3.0.6",
-    "@types/node": "16.11.11",
     "@typescript-eslint/eslint-plugin": "4.31.2",
     "@typescript-eslint/parser": "4.26.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.3",
@@ -117,7 +116,6 @@
     "eslint-plugin-primer-react": "0.7.0",
     "eslint-plugin-react": "7.24.0",
     "eslint-plugin-react-hooks": "4.2.0",
-    "front-matter": "4.0.2",
     "jest": "27.0.4",
     "jest-axe": "5.0.1",
     "jest-styled-components": "6.3.4",

package/lib/script/component-status-project/build.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/ProgressBar.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { WidthProps } from 'styled-system';
-import { SxProp } from './sx';
-declare type ProgressProp = {
-    progress?: string | number;
-};
-declare const sizeMap: {
-    small: string;
-    large: string;
-    default: string;
-};
-declare type StyledProgressContainerProps = {
-    inline?: boolean;
-    barSize?: keyof typeof sizeMap;
-} & WidthProps & SxProp;
-export declare type ProgressBarProps = {
-    bg: string;
-} & StyledProgressContainerProps & ProgressProp;
-declare function ProgressBar({ progress, bg, ...rest }: ProgressBarProps): JSX.Element;
-declare namespace ProgressBar {
-    var defaultProps: {
-        bg: string;
-        barSize: string;
-    };
-}
-export default ProgressBar;

package/lib/src/__tests__/ActionList.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/ActionList.types.test.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare function emptyList(): JSX.Element;
-export declare function listWithSingleItem(): JSX.Element;
-export declare function canUseDivDOMProps(): JSX.Element;
-export declare function cannotUseAnchorDOMProps(): JSX.Element;
-export declare function cannotUseAsWithoutRenderProp(): JSX.Element;

package/lib/src/__tests__/ActionList2.test.d.ts

@@ -1,2 +0,0 @@
-import 'babel-polyfill';
-import '@testing-library/jest-dom';

package/lib/src/__tests__/ActionMenu.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/AnchoredOverlay.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Autocomplete.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Avatar.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Avatar.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/AvatarStack.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/BorderBox.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Box.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/BranchName.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/BranchName.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Breadcrumbs.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Breadcrumbs.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/BreadcrumbsItem.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Button.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Caret.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Checkbox.test.d.ts

@@ -1,2 +0,0 @@
-import 'babel-polyfill';
-import '@testing-library/jest-dom';

package/lib/src/__tests__/CircleBadge.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/CircleBadge.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/CircleOcticon.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/ConfirmationDialog.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/CounterLabel.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/CounterLabel.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Details.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Details.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Dialog.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Dialog.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Dialog2.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Dropdown.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Dropdown.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/DropdownMenu.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/FilterList.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/FilterList.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/FilterListItem.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/FilteredSearch.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/FilteredSearch.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Flash.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Flash.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Flex.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/FormGroup.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/FormGroup.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Grid.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Header.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Header.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Heading.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Heading.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/KeyPaths.types.test.d.ts

@@ -1,11 +0,0 @@
-import { Union } from 'ts-toolbelt';
-import { KeyPaths } from '../utils/types/KeyPaths';
-declare type NestedObject = {
-    a: string;
-    b: {
-        b1: string;
-        b2: string;
-    };
-};
-export declare function generatesKeyPathsFromObject(x: Union.Diff<KeyPaths<NestedObject>, 'a' | 'b.b1' | 'b.b2'>): never;
-export {};

package/lib/src/__tests__/Label.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Label.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/LabelGroup.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/LabelGroup.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Link.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Link.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Merge.types.test.d.ts

@@ -1,30 +0,0 @@
-import { Merge } from '../utils/types/Merge';
-declare type AString = {
-    a: string;
-};
-declare type BString = {
-    b: string;
-};
-declare type CString = {
-    c: string;
-};
-declare type CNumber = {
-    c: number;
-};
-declare type DOptionalString = {
-    d?: string;
-};
-export declare function canMergeTwoTypes(x: Merge<AString, BString>): {
-    a: string;
-    b: string;
-};
-export declare function overridesAsExpected(x: Merge<CString, CNumber>): {
-    c: number;
-};
-export declare function optionalityIsPreservedInFirstParameter(x: Merge<DOptionalString, AString>): {
-    d: number;
-};
-export declare function optionalityIsPreservedInSecondParameter(x: Merge<DOptionalString, AString>): {
-    d: number;
-};
-export {};

package/lib/src/__tests__/NewButton.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/src/__tests__/Overlay.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/src/__tests__/Overlay.types.test.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare function shouldAcceptCallWithNoProps(ref: React.RefObject<HTMLElement>): JSX.Element;
-export declare function shouldAcceptCallWithDOMProps(ref: React.RefObject<HTMLElement>): JSX.Element;
-export declare function shouldNotAcceptCallWithDOMPropsThatDontMatchElement(ref: React.RefObject<HTMLElement>): JSX.Element;
-export declare function shouldAcceptCallWithAsAndDOMProps(ref: React.RefObject<HTMLElement>): JSX.Element;
-export declare function shouldNotAcceptSystemProps(ref: React.RefObject<HTMLElement>): JSX.Element;