@primer/components 33.0.0-rc.cface7dc → 33.1.0

package/lib-esm/ThemeProvider.js

@@ -32,7 +32,10 @@ export const ThemeProvider = ({
   const systemColorMode = useSystemColorMode();
   const resolvedColorMode = resolveColorMode(colorMode, systemColorMode);
   const colorScheme = chooseColorScheme(resolvedColorMode, dayScheme, nightScheme);
-  const resolvedTheme = React.useMemo(() => applyColorScheme(theme, colorScheme), [theme, colorScheme]); // Update state if props change
+  const {
+    resolvedTheme,
+    resolvedColorScheme
+  } = React.useMemo(() => applyColorScheme(theme, colorScheme), [theme, colorScheme]); // Update state if props change
 
   React.useEffect(() => {
     var _ref5, _props$colorMode2;
@@ -55,6 +58,7 @@ export const ThemeProvider = ({
       colorScheme,
       colorMode,
       resolvedColorMode,
+      resolvedColorScheme,
       dayScheme,
       nightScheme,
       setColorMode,
@@ -144,7 +148,10 @@ function chooseColorScheme(colorMode, dayScheme, nightScheme) {
 
 function applyColorScheme(theme, colorScheme) {
   if (!theme.colorSchemes) {
-    return theme;
+    return {
+      resolvedTheme: theme,
+      resolvedColorScheme: undefined
+    };
   }
 
   if (!theme.colorSchemes[colorScheme]) {
@@ -152,10 +159,16 @@ function applyColorScheme(theme, colorScheme) {
     console.error(`\`${colorScheme}\` scheme not defined in \`theme.colorSchemes\``); // Apply the first defined color scheme
 
     const defaultColorScheme = Object.keys(theme.colorSchemes)[0];
-    return deepmerge(theme, theme.colorSchemes[defaultColorScheme]);
+    return {
+      resolvedTheme: deepmerge(theme, theme.colorSchemes[defaultColorScheme]),
+      resolvedColorScheme: defaultColorScheme
+    };
   }
 
-  return deepmerge(theme, theme.colorSchemes[colorScheme]);
+  return {
+    resolvedTheme: deepmerge(theme, theme.colorSchemes[colorScheme]),
+    resolvedColorScheme: colorScheme
+  };
 }
 
 export default ThemeProvider;

package/lib-esm/Timeline.js

@@ -6,13 +6,13 @@ import { get } from './constants';
 import sx from './sx';
 const Timeline = styled.div.withConfig({
   displayName: "Timeline",
-  componentId: "c4dq2e-0"
+  componentId: "sc-c4dq2e-0"
 })(["display:flex;flex-direction:column;", " ", ";"], props => props.clipSidebar && css([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"]), sx);
 const TimelineItem = styled.div.attrs(props => ({
   className: classnames('Timeline-Item', props.className)
 })).withConfig({
   displayName: "Timeline__TimelineItem",
-  componentId: "c4dq2e-1"
+  componentId: "sc-c4dq2e-1"
 })(["display:flex;position:relative;padding:", " 0;margin-left:", ";&::before{position:absolute;top:0;bottom:0;left:0;display:block;width:2px;content:'';background-color:", ";}", " ", ";"], get('space.3'), get('space.3'), get('colors.border.muted'), props => props.condensed && css(["padding-top:", ";padding-bottom:0;&:last-child{padding-bottom:", ";}.TimelineItem-Badge{height:16px;margin-top:", ";margin-bottom:", ";color:", ";background-color:", ";border:0;}"], get('space.1'), get('space.3'), get('space.2'), get('space.2'), get('colors.fg.muted'), get('colors.canvas.default')), sx);
 
 const TimelineBadge = props => {
@@ -43,11 +43,11 @@ const TimelineBadge = props => {
 TimelineBadge.displayName = "TimelineBadge";
 const TimelineBody = styled.div.withConfig({
   displayName: "Timeline__TimelineBody",
-  componentId: "c4dq2e-2"
+  componentId: "sc-c4dq2e-2"
 })(["min-width:0;max-width:100%;margin-top:", ";color:", ";flex:auto;font-size:", ";", ";"], get('space.1'), get('colors.fg.muted'), get('fontSizes.1'), sx);
 const TimelineBreak = styled.div.withConfig({
   displayName: "Timeline__TimelineBreak",
-  componentId: "c4dq2e-3"
+  componentId: "sc-c4dq2e-3"
 })(["position:relative z-index:1;height:24px;margin:0;margin-bottom:-", ";margin-left:0;background-color:", ";border:0;border-top:", " solid ", ";", ";"], get('space.3'), get('colors.canvas.default'), get('space.1'), get('colors.border.default'), sx);
 TimelineItem.displayName = 'Timeline.Item';
 TimelineBadge.displayName = 'Timeline.Badge';

package/lib-esm/Token/AvatarToken.js

@@ -8,7 +8,7 @@ import Token from './Token';
 import { Avatar } from '..';
 const AvatarContainer = styled.span.withConfig({
   displayName: "AvatarToken__AvatarContainer",
-  componentId: "ubyudc-0"
+  componentId: "sc-ubyudc-0"
 })(["--spacing:calc(", " * 2);display:block;height:", ";width:", ";"], get('space.1'), props => `calc(${tokenSizes[props.avatarSize]} - var(--spacing))`, props => `calc(${tokenSizes[props.avatarSize]} - var(--spacing))`);
 const AvatarToken = /*#__PURE__*/forwardRef(({
   avatarSrc,

package/lib-esm/Token/TokenBase.js

@@ -74,7 +74,7 @@ const TokenBase = styled.span.attrs(({
   'aria-label': onRemove ? `${text}, press backspace or delete to remove` : undefined
 })).withConfig({
   displayName: "TokenBase",
-  componentId: "opajvp-0"
+  componentId: "sc-opajvp-0"
 })(["align-items:center;border-radius:999px;cursor:", ";display:inline-flex;font-weight:", ";font-family:inherit;text-decoration:none;white-space:nowrap;", " ", ""], props => isTokenInteractive(props) ? 'pointer' : 'auto', get('fontWeights.bold'), variants, sx);
 TokenBase.defaultProps = {
   as: 'span',

package/lib-esm/Tooltip.js

@@ -7,7 +7,7 @@ import { get } from './constants';
 import sx from './sx';
 const TooltipBase = styled.span.withConfig({
   displayName: "Tooltip__TooltipBase",
-  componentId: "kp39nc-0"
+  componentId: "sc-kp39nc-0"
 })(["position:relative;&::before{position:absolute;z-index:1000001;display:none;width:0px;height:0px;color:", ";pointer-events:none;content:'';border:6px solid transparent;opacity:0;}&::after{position:absolute;z-index:1000000;display:none;padding:0.5em 0.75em;font:normal normal 11px/1.5 ", ";-webkit-font-smoothing:subpixel-antialiased;color:", ";text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:", ";border-radius:", ";opacity:0;}@keyframes tooltip-appear{from{opacity:0;}to{opacity:1;}}&:hover,&:active,&:focus{&::before,&::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s;}}&.tooltipped-no-delay:hover,&.tooltipped-no-delay:active,&.tooltipped-no-delay:focus{&::before,&::after{animation-delay:0s;}}&.tooltipped-multiline:hover,&.tooltipped-multiline:active,&.tooltipped-multiline:focus{&::after{display:table-cell;}}&.tooltipped-s,&.tooltipped-se,&.tooltipped-sw{&::after{top:100%;right:50%;margin-top:6px;}&::before{top:auto;right:50%;bottom:-7px;margin-right:-6px;border-bottom-color:", ";}}&.tooltipped-se{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-sw::after{margin-right:-", ";}&.tooltipped-n,&.tooltipped-ne,&.tooltipped-nw{&::after{right:50%;bottom:100%;margin-bottom:6px;}&::before{top:-7px;right:50%;bottom:auto;margin-right:-6px;border-top-color:", ";}}&.tooltipped-ne{&::after{right:auto;left:50%;margin-left:-", ";}}&.tooltipped-nw::after{margin-right:-", ";}&.tooltipped-s::after,&.tooltipped-n::after{transform:translateX(50%);}&.tooltipped-w{&::after{right:100%;bottom:50%;margin-right:6px;transform:translateY(50%);}&::before{top:50%;bottom:50%;left:-7px;margin-top:-6px;border-left-color:", ";}}&.tooltipped-e{&::after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%);}&::before{top:50%;right:-7px;bottom:50%;margin-top:-6px;border-right-color:", ";}}&.tooltipped-multiline{&::after{width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate;}&.tooltipped-s::after,&.tooltipped-n::after{right:auto;left:50%;transform:translateX(-50%);}&.tooltipped-w::after,&.tooltipped-e::after{right:100%;}}&.tooltipped-align-right-2::after{right:0;margin-right:0;}&.tooltipped-align-right-2::before{right:15px;}&.tooltipped-align-left-2::after{left:0;margin-left:0;}&.tooltipped-align-left-2::before{left:10px;}", ";"], get('colors.neutral.emphasisPlus'), get('fonts.normal'), get('colors.fg.onEmphasis'), get('colors.neutral.emphasisPlus'), get('radii.1'), get('colors.neutral.emphasisPlus'), get('space.3'), get('space.3'), get('colors.neutral.emphasisPlus'), get('space.3'), get('space.3'), get('colors.neutral.emphasisPlus'), get('colors.neutral.emphasisPlus'), sx);
 
 function Tooltip({

package/lib-esm/UnderlineNav.js

@@ -10,7 +10,7 @@ const ITEM_CLASS = 'UnderlineNav-item';
 const SELECTED_CLASS = 'selected';
 const UnderlineNavBase = styled.nav.withConfig({
   displayName: "UnderlineNav__UnderlineNavBase",
-  componentId: "zrnxqt-0"
+  componentId: "sc-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.muted'), get('space.3'), sx);
 
 function UnderlineNav({
@@ -41,7 +41,7 @@ const UnderlineNavLink = styled.a.attrs(props => ({
   className: classnames(ITEM_CLASS, props.selected && SELECTED_CLASS, props.className)
 })).withConfig({
   displayName: "UnderlineNav__UnderlineNavLink",
-  componentId: "zrnxqt-1"
+  componentId: "sc-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.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'), sx);
 UnderlineNavLink.displayName = 'UnderlineNav.Link';
 export default Object.assign(UnderlineNav, {

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

@@ -9,3 +9,4 @@ export { useAnchoredPosition } from './useAnchoredPosition';
 export { useOverlay } from './useOverlay';
 export type { UseOverlaySettings } from './useOverlay';
 export { useRenderForcingRef } from './useRenderForcingRef';
+export { useProvidedStateOrCreate } from './useProvidedStateOrCreate';

package/lib-esm/hooks/index.js

@@ -4,4 +4,5 @@ export { useOnEscapePress } from './useOnEscapePress';
 export { useOpenAndCloseFocus } from './useOpenAndCloseFocus';
 export { useAnchoredPosition } from './useAnchoredPosition';
 export { useOverlay } from './useOverlay';
-export { useRenderForcingRef } from './useRenderForcingRef';
+export { useRenderForcingRef } from './useRenderForcingRef';
+export { useProvidedStateOrCreate } from './useProvidedStateOrCreate';

package/lib-esm/index.d.ts

@@ -21,6 +21,8 @@ export { useOpenAndCloseFocus } from './hooks/useOpenAndCloseFocus';
 export { useOnEscapePress } from './hooks/useOnEscapePress';
 export { useOverlay } from './hooks/useOverlay';
 export { useConfirm } from './Dialog/ConfirmationDialog';
+export { default as Radio } from './Radio';
+export type { RadioProps } from './Radio';
 export { ActionList } from './ActionList';
 export { ActionMenu } from './ActionMenu';
 export type { ActionMenuProps } from './ActionMenu';

package/lib-esm/index.js

@@ -17,6 +17,7 @@ export { useOnEscapePress } from './hooks/useOnEscapePress';
 export { useOverlay } from './hooks/useOverlay';
 export { useConfirm } from './Dialog/ConfirmationDialog'; // Components
 
+export { default as Radio } from './Radio';
 export { ActionList } from './ActionList';
 export { ActionMenu } from './ActionMenu';
 export { default as Autocomplete } from './Autocomplete';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "33.0.0-rc.cface7dc",
+  "version": "33.1.0",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -65,7 +65,7 @@
     "@babel/cli": "7.14.5",
     "@babel/core": "7.14.8",
     "@babel/eslint-parser": "7.15.7",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "7.14.5",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.16.0",
     "@babel/plugin-proposal-optional-chaining": "7.14.5",
     "@babel/plugin-transform-modules-commonjs": "7.14.5",
     "@babel/preset-react": "7.14.5",
@@ -75,7 +75,7 @@
     "@github/prettier-config": "0.0.4",
     "@rollup/plugin-commonjs": "19.0.2",
     "@rollup/plugin-node-resolve": "13.0.5",
-    "@size-limit/preset-big-lib": "5.0.2",
+    "@size-limit/preset-big-lib": "7.0.3",
     "@storybook/addon-a11y": "6.3.12",
     "@storybook/addon-actions": "^6.3.12",
     "@storybook/addon-essentials": "6.3.12",
@@ -100,7 +100,7 @@
     "babel-plugin-add-react-displayname": "0.0.5",
     "babel-plugin-macros": "3.1.0",
     "babel-plugin-preval": "5.0.0",
-    "babel-plugin-styled-components": "1.12.0",
+    "babel-plugin-styled-components": "2.0.2",
     "babel-plugin-transform-replace-expressions": "0.2.0",
     "babel-polyfill": "6.26.0",
     "chroma-js": "2.1.2",
@@ -130,12 +130,12 @@
     "react-dnd-html5-backend": "14.0.2",
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
-    "rollup": "2.56.3",
+    "rollup": "2.60.2",
     "rollup-plugin-babel": "4.4.0",
     "rollup-plugin-terser": "7.0.2",
     "rollup-plugin-visualizer": "5.5.0",
     "semver": "7.3.5",
-    "size-limit": "5.0.2",
+    "size-limit": "7.0.3",
     "storybook-addon-performance": "0.16.1",
     "styled-components": "4.4.1",
     "ts-toolbelt": "9.6.0",
@@ -158,5 +158,9 @@
       "webpack": false,
       "running": false
     }
-  ]
+  ],
+  "engines": {
+    "node": ">=16",
+    "npm": ">=8"
+  }
 }

package/.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/master/docs/common-questions.md)

package/.changeset/config.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "https://unpkg.com/@changesets/config@1.4.0/schema.json",
-  "changelog": ["@changesets/changelog-github", {"repo": "primer/react"}],
-  "commit": false,
-  "linked": [],
-  "access": "public",
-  "baseBranch": "main",
-  "updateInternalDependencies": "patch",
-  "ignore": []
-}

package/.devcontainer/devcontainer.json

@@ -1,8 +0,0 @@
-{
-  "name": "Primer Components",
-  "image": "mcr.microsoft.com/vscode/devcontainers/typescript-node:14",
-  "extensions": ["esbenp.prettier-vscode", "dbaeumer.vscode-eslint"],
-  "forwardPorts": [8000],
-  "postCreateCommand": ["/bin/bash", "-c", "pushd docs && npm install && popd && npm install"],
-  "remoteUser": "node"
-}

package/.eslintrc.json

@@ -1,137 +0,0 @@
-{
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    }
-  },
-  "extends": [
-    "plugin:react/recommended",
-    "plugin:jsx-a11y/recommended",
-    "plugin:react-hooks/recommended",
-    "plugin:prettier/recommended",
-    "plugin:github/recommended",
-    "plugin:github/browser",
-    "plugin:primer-react/recommended"
-  ],
-  "ignorePatterns": [
-    "node_modules",
-    ".cache",
-    "coverage/**/*",
-    "docs/public/**/*",
-    "dist/**/*",
-    "lib/**/*",
-    "lib-*/**/*",
-    "types/**/*"
-  ],
-  "globals": {
-    "__DEV__": "readonly"
-  },
-  "env": {
-    "browser": true,
-    "commonjs": true,
-    "es6": true,
-    "jest": true,
-    "node": true
-  },
-  "settings": {
-    "react": {
-      "version": "detect"
-    }
-  },
-  // rules which apply to JS, TS, etc.
-  "rules": {
-    "react/prop-types": 0,
-    "react/display-name": 0,
-    "react-hooks/exhaustive-deps": "error",
-    "jsx-a11y/label-has-for": [
-      2,
-      {
-        "components": []
-      }
-    ],
-    "camelcase": [
-      "error",
-      {
-        "allow": ["dark_dimmed"]
-      }
-    ],
-    "primer-react/no-deprecated-colors": ["warn", {"checkAllStrings": true}]
-  },
-  "overrides": [
-    // rules which apply only to JS
-    {
-      "files": ["**/*.{js,jsx}"],
-      "rules": {
-        "eslint-comments/no-use": 0,
-        "import/no-namespace": 0,
-        "no-shadow": 0,
-        "no-unused-vars": [
-          "error",
-          {
-            "ignoreRestSiblings": true
-          }
-        ]
-      }
-    },
-    // rules which apply only to TS
-    {
-      "parserOptions": {
-        "project": "tsconfig.json"
-      },
-      "files": ["**/*.{ts,tsx}"],
-      "extends": ["plugin:@typescript-eslint/recommended"],
-      "rules": {
-        "@typescript-eslint/no-explicit-any": 2,
-        "@typescript-eslint/no-unnecessary-condition": 2,
-        "@typescript-eslint/explicit-module-boundary-types": 0,
-        "@typescript-eslint/no-unused-vars": [
-          "error",
-          {
-            "argsIgnorePattern": "^_"
-          }
-        ]
-      }
-    },
-    // rules which apply only to Markdown
-    {
-      "files": ["**/*.{md,mdx}"],
-      "extends": ["plugin:mdx/recommended"],
-      "settings": {
-        "mdx/code-blocks": true
-      },
-      "rules": {
-        "prettier/prettier": 0
-      }
-    },
-    // rules which apply only to Markdown code blocks
-    {
-      "files": ["**/*.{md,mdx}/**"],
-      "parserOptions": {
-        "project": false
-      },
-      "rules": {
-        "camelcase": 0,
-        "no-constant-condition": 0,
-        "no-console": 0,
-        "no-empty-pattern": 0,
-        "no-unused-vars": 0,
-        "no-undef": 0,
-        "react/no-unescaped-entities": 0,
-        "react/react-in-jsx-scope": 0,
-        "react/jsx-no-undef": 0,
-        "react/jsx-key": 0,
-        "react/jsx-no-comment-textnodes": 0,
-        "import/no-anonymous-default-export": 0,
-        "prettier/prettier": 0,
-        // These a11y rules should eventually be re-enabled
-        "jsx-a11y/anchor-is-valid": 0,
-        "jsx-a11y/accessible-emoji": 0,
-        "jsx-a11y/label-has-for": 0,
-        "@typescript-eslint/no-unnecessary-condition": 0,
-        "@typescript-eslint/no-unused-vars": 0,
-        "primer-react/no-deprecated-colors": ["error", {"skipImportCheck": true}]
-      }
-    }
-  ]
-}

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,38 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve Primer React Components
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**Note:** As this is a public repo, please be careful not to include details or screenshots from unreleased GitHub products or features. In most cases, a good bug report should be able to describe the new component without including business logic or feature details, but if you must discuss context relating to an unreleased feature, please open an issue in the private [Design Systems repo](https://github.com/github/design-systems/issues/new/choose) and link to it here.
-
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/new_component_proposal_template.md

@@ -1,41 +0,0 @@
----
-name: Component Proposal
-about: Propose a new component
----
-
-## Description
-
-Please describe the proposed component as thoroughly as possible - including Figma links for design, screenshots, historical context, any required functionality, optional/nice to have functionality, proposed component API design, etc. The more detail the better!
-
-**Note:** As this is a public repo, please be careful not to include details about GitHub products or features that have not been released. In most cases, a good component proposal should be able to describe the new component without including business logic or feature details, but if you must discuss context relating to an unreleased feature, please open an issue in the private [Design Systems repo](https://github.com/github/design-systems/issues/new/choose) and link to it here.
-
-### Design
-
-- [ ] Design is finalized. Link to mockups/prototypes:
-- [ ] Design is being finalized by feature team. Link to any in progress mockups:
-- [ ] Assistance requested in finalizing design
-
-### Component API
-
-Optional: If you have an idea of the intended component structure, please describe here. This can include what props will be available, if there will be any nested components or subcomponents, how this component might interact with other components, any behavior Hooks that will need to be built, etc.
-
-### Usage
-
-Describe how the component should be used, and/or link to usage guidelines.
-
-## Implementation
-
-Please describe how you would like this component to be built. Design systems is happy to help with the implementation of new components (as time/roadmap allows) but also recognizes that sometimes feature teams prefer to implement components themselves.
-
-- [ ] Feature team would like to implement this component
-- [ ] Feature team would like the Design Systems team to implement this component
-- [ ] This component is already built, feature team requests assistance moving it to Primer React Components from outside application
-- [ ] Other: (please describe below)
-
-## Timeline
-
-Please describe any deadlines or context around prioritization that would be helpful for us to use when building our roadmap.
-
-#### What to expect next
-
-A Design Systems engineer will read through your component proposal and get in touch! We'll gather any additional information needed and set up a Zoom call only if necessary. Once we have all relevant information, we'll add the component to our [Primer React Components Roadmap](https://github.com/primer/react/projects/3). If you opt to build the component yourself, we are happy to help with pairing, brainstorming, etc. Generally, component work requested from internal feature teams receives higher priority over general (non-requested) improvements to the library.

package/.github/dependabot.yml

@@ -1,18 +0,0 @@
-# To get started with Dependabot version updates, you'll need to specify which
-# package ecosystems to update and where the package manifests are located.
-# Please see the documentation for all configuration options:
-# https://help.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
-
-version: 2
-updates:
-  - package-ecosystem: 'npm'
-    directory: '/'
-    schedule:
-      interval: 'daily'
-
-  - package-ecosystem: 'npm'
-    directory: '/docs'
-    schedule:
-      interval: 'daily'
-    allow:
-      - dependency-name: '@primer/gatsby-theme-doctocat'

package/.github/pull_request_template.md

@@ -1,18 +0,0 @@
-Describe your changes here.
-
-Closes # (type the issue number after # if applicable; otherwise remove this line)
-
-### Screenshots
-
-Please provide before/after screenshots for any visual changes
-
-### Merge checklist
-
-- [ ] Added/updated tests
-- [ ] Added/updated documentation
-- [ ] Tested in Chrome
-- [ ] Tested in Firefox
-- [ ] Tested in Safari
-- [ ] Tested in Edge
-
-Take a look at the [What we look for in reviews](https://github.com/primer/react/blob/main/contributor-docs/CONTRIBUTING.md#what-we-look-for-in-reviews) section of the contributing guidelines for more information on how we review PRs.

package/.github/workflows/check_for_changeset.yml

@@ -1,25 +0,0 @@
-name: Check for changeset
-
-on:
-  pull_request:
-    types:
-      # On by default if you specify no types.
-      - "opened"
-      - "reopened"
-      - "synchronize"
-      # For `skip-label` only.
-      - "labeled"
-      - "unlabeled"
-
-jobs:
-  check-for-changeset:
-    name: Check for changeset
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: "Check for changeset"
-        uses: brettcannon/check-for-changed-files@v1
-        with:
-          file-pattern: ".changeset/*.md"
-          skip-label: "skip changeset"
-          failure-message: "No changeset found. If these changes should not result in a new version, apply the ${skip-label} label to this pull request. If these changes should result in a version bump, please add a changeset https://git.io/J6QvQ"

package/.github/workflows/ci.yml

@@ -1,31 +0,0 @@
-name: CI
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-
-jobs:
-  ci:
-    name: CI
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v2
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: 14
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Lint
-        run: npm run lint
-
-      - name: Build
-        run: npm run build
-
-      - name: Test
-        run: npm run test

package/.github/workflows/deploy_preview.yml

@@ -1,47 +0,0 @@
-name: Deploy
-on:
-  push:
-    branches-ignore:
-      - 'main'
-
-jobs:
-  deploy-preview:
-    if: ${{ github.repository == 'primer/react' }}
-    name: Preview
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Create GitHub deployment
-        uses: chrnorm/deployment-action@v1.2.0
-        id: deployment
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          environment: Preview
-
-      - name: Deploy with Vercel
-        uses: amondnet/vercel-action@v20
-        id: vercel-action
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          vercel-token: ${{ secrets.VERCEL_TOKEN_SHARED }}
-          github-comment: false
-          vercel-org-id: ${{ secrets.VERCEL_ORG_ID_SHARED }}
-          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
-
-      - name: Update deployment status (success)
-        if: success()
-        uses: chrnorm/deployment-status@v1.0.0
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          environment_url: ${{ steps.vercel-action.outputs.preview-url }}
-          state: 'success'
-          deployment_id: ${{ steps.deployment.outputs.deployment_id }}
-
-      - name: Update deployment status (failure)
-        if: failure()
-        uses: chrnorm/deployment-status@v1.0.0
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          state: 'failure'
-          deployment_id: ${{ steps.deployment.outputs.deployment_id }}