@primer/components 0.0.0-202111104455 → 0.0.0-2021111104725

package/lib-esm/src/utils/test-deprecations.d.ts

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

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

@@ -88,17 +88,6 @@ export declare function render(component: React.ReactElement, theme?: {
             additionBg: string;
         };
         searchKeyword: {
-            /**
-             * Render the component (a React.createElement() or JSX expression)
-             * into its intermediate object representation with 'type',
-             * 'props', and 'children' keys
-             *
-             * The returned object can be matched with expect().toEqual(), e.g.
-             *
-             * ```js
-             * expect(render(<Foo />)).toEqual(render(<div foo='bar' />))
-             * ```
-             */
             hl: string;
         };
         prettylights: {
@@ -119,15 +108,6 @@ export declare function render(component: React.ReactElement, theme?: {
                 stringRegexp: string;
                 markupList: string;
                 markupHeading: string;
-                /**
-                 * Get the HTML class names rendered by the component instance
-                 * as an array.
-                 *
-                 * ```js
-                 * expect(renderClasses(<div className='a b' />))
-                 *   .toEqual(['a', 'b'])
-                 * ```
-                 */
                 markupItalic: string;
                 markupBold: string;
                 markupDeletedText: string;

package/lib-esm/utils/testing.js

@@ -234,7 +234,7 @@ export function checkStoriesForAxeViolations(name) {
   } = stories;
   Object.values(Stories).map(Story => {
     if (typeof Story !== 'function') return;
-    it(`story {Story.storyName} should have no axe violations`, async () => {
+    it(`story ${Story.storyName} should have no axe violations`, async () => {
       const {
         container
       } = HTMLRender( /*#__PURE__*/React.createElement(Story, null));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-202111104455",
+  "version": "0.0.0-2021111104725",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",

package/lib/ActionList2/Header.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { SxProp } from '../sx';
-/**
- * Contract for props passed to the `Header` component.
- */
-export declare type HeaderProps = {
-    /**
-     * Style variations. Usage is discretionary.
-     *
-     * - `"filled"` - Superimposed on a background, offset from nearby content
-     * - `"subtle"` - Relatively less offset from nearby content
-     */
-    variant?: 'subtle' | 'filled';
-    /**
-     * Primary text which names a `Group`.
-     */
-    title?: string;
-    /**
-     * Secondary text which provides additional information about a `Group`.
-     */
-    auxiliaryText?: string;
-} & SxProp;
-/**
- * Displays the name and description of a `Group`.
- */
-export declare const Header: ({ variant, title, auxiliaryText, sx, ...props }: HeaderProps) => JSX.Element;

package/lib/ActionList2/Header.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Header = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _List = require("./List");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-/**
- * Displays the name and description of a `Group`.
- */
-const Header = ({
-  variant = 'subtle',
-  title,
-  auxiliaryText,
-  sx = {},
-  ...props
-}) => {
-  const {
-    variant: listVariant
-  } = _react.default.useContext(_List.ListContext);
-
-  const styles = {
-    paddingY: '6px',
-    paddingX: listVariant === 'full' ? 2 : 3,
-    fontSize: 0,
-    fontWeight: 'bold',
-    color: 'fg.muted',
-    ...(variant === 'filled' && {
-      backgroundColor: 'canvas.subtle',
-      marginX: 0,
-      marginBottom: 2,
-      borderTop: '1px solid',
-      borderBottom: '1px solid',
-      borderColor: 'neutral.muted'
-    }),
-    ...sx
-  };
-  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
-    sx: styles,
-    role: "heading"
-  }, props), title, auxiliaryText && /*#__PURE__*/_react.default.createElement("span", null, auxiliaryText));
-};
-
-exports.Header = Header;
-Header.displayName = "Header";

package/lib/ProgressBar.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { WidthProps } from 'styled-system';
-import { SystemCommonProps } from './constants';
-import { SxProp } from './sx';
-import { ComponentProps } from './utils/types';
-declare const Bar: import("styled-components").StyledComponent<"span", any, {
-    progress?: string | number | undefined;
-} & SystemCommonProps, never>;
-declare const ProgressContainer: import("styled-components").StyledComponent<"span", any, {
-    inline?: boolean | undefined;
-    barSize?: "small" | "default" | "large" | undefined;
-} & WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & SystemCommonProps & SxProp, never>;
-export declare type ProgressBarProps = ComponentProps<typeof ProgressContainer> & ComponentProps<typeof Bar>;
-declare function ProgressBar({ progress, bg, theme, ...rest }: ProgressBarProps): JSX.Element;
-declare namespace ProgressBar {
-    var defaultProps: {
-        bg: string;
-        barSize: string;
-    };
-}
-export default ProgressBar;

package/lib-esm/ActionList2/Header.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { SxProp } from '../sx';
-/**
- * Contract for props passed to the `Header` component.
- */
-export declare type HeaderProps = {
-    /**
-     * Style variations. Usage is discretionary.
-     *
-     * - `"filled"` - Superimposed on a background, offset from nearby content
-     * - `"subtle"` - Relatively less offset from nearby content
-     */
-    variant?: 'subtle' | 'filled';
-    /**
-     * Primary text which names a `Group`.
-     */
-    title?: string;
-    /**
-     * Secondary text which provides additional information about a `Group`.
-     */
-    auxiliaryText?: string;
-} & SxProp;
-/**
- * Displays the name and description of a `Group`.
- */
-export declare const Header: ({ variant, title, auxiliaryText, sx, ...props }: HeaderProps) => JSX.Element;

package/lib-esm/ActionList2/Header.js

@@ -1,44 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import Box from '../Box';
-import { ListContext } from './List';
-/**
- * Contract for props passed to the `Header` component.
- */
-
-/**
- * Displays the name and description of a `Group`.
- */
-export const Header = ({
-  variant = 'subtle',
-  title,
-  auxiliaryText,
-  sx = {},
-  ...props
-}) => {
-  const {
-    variant: listVariant
-  } = React.useContext(ListContext);
-  const styles = {
-    paddingY: '6px',
-    paddingX: listVariant === 'full' ? 2 : 3,
-    fontSize: 0,
-    fontWeight: 'bold',
-    color: 'fg.muted',
-    ...(variant === 'filled' && {
-      backgroundColor: 'canvas.subtle',
-      marginX: 0,
-      marginBottom: 2,
-      borderTop: '1px solid',
-      borderBottom: '1px solid',
-      borderColor: 'neutral.muted'
-    }),
-    ...sx
-  };
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    sx: styles,
-    role: "heading"
-  }, props), title, auxiliaryText && /*#__PURE__*/React.createElement("span", null, auxiliaryText));
-};
-Header.displayName = "Header";

package/lib-esm/ProgressBar.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { WidthProps } from 'styled-system';
-import { SystemCommonProps } from './constants';
-import { SxProp } from './sx';
-import { ComponentProps } from './utils/types';
-declare const Bar: import("styled-components").StyledComponent<"span", any, {
-    progress?: string | number | undefined;
-} & SystemCommonProps, never>;
-declare const ProgressContainer: import("styled-components").StyledComponent<"span", any, {
-    inline?: boolean | undefined;
-    barSize?: "small" | "default" | "large" | undefined;
-} & WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & SystemCommonProps & SxProp, never>;
-export declare type ProgressBarProps = ComponentProps<typeof ProgressContainer> & ComponentProps<typeof Bar>;
-declare function ProgressBar({ progress, bg, theme, ...rest }: ProgressBarProps): JSX.Element;
-declare namespace ProgressBar {
-    var defaultProps: {
-        bg: string;
-        barSize: string;
-    };
-}
-export default ProgressBar;