@primer/components 31.0.0-rc.ee65b7f1 → 31.0.1

package/.github/workflows/deploy_production.yml

@@ -1,70 +0,0 @@
-name: Deploy
-on:
-  push:
-    branches:
-      - 'main'
-jobs:
-  guard:
-    name: Guard
-    runs-on: ubuntu-latest
-    outputs:
-      # To avoid deploying documentation for unrelease changes, we check the number of changeset files.
-      # If it's 0, we deploy.
-      should_deploy: ${{ steps.changeset-count.outputs.change_count == 0 }}
-    steps:
-      - uses: actions/checkout@v2
-
-      - id: changeset-count
-        run: echo "::set-output name=change_count::$(ls .changeset/*.md | grep -v README | wc -l | xargs)"
-        
-      # Log changeset count for debugging purposes
-      - name: Log changeset count
-        run: echo ${{ steps.changeset-count.outputs.change_count }}
-
-  deploy:
-    name: Production
-    needs: [guard]
-    #if: ${{ needs.guard.outputs.should_deploy == true }}
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      
-      # Log guard output for debugging purposes
-      - name: Log guard output
-        run: echo ${{ needs.guard.outputs.should_deploy }}
-
-      - name: Create GitHub deployment
-        uses: chrnorm/deployment-action@v1.2.0
-        id: deployment
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          environment: Production
-
-      - name: Deploy with Vercel
-        if: ${{ steps.changeset-count.outputs.CHANGE_COUNT == 0 }}
-        uses: amondnet/vercel-action@v20
-        id: vercel-action
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          vercel-token: ${{ secrets.VERCEL_TOKEN_SHARED }}
-          vercel-args: '--prod'
-          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 }}

package/.github/workflows/release.yml

@@ -1,35 +0,0 @@
-name: Release
-on:
-  push:
-    branches:
-      - main
-jobs:
-  release:
-    name: Release
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v2
-        with:
-          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
-          fetch-depth: 0
-          persist-credentials: false
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: 14
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Create release pull request or publish to npm
-        id: changesets
-        uses: changesets/action@master
-        with:
-          title: Release Tracking
-          # This expects you to have a script called release which does a build for your packages and calls changeset publish
-          publish: npm run release
-        env:
-          GITHUB_TOKEN: ${{ secrets.GPR_AUTH_TOKEN_SHARED }}
-          NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN_SHARED }}

package/.github/workflows/release_canary.yml

@@ -1,70 +0,0 @@
-name: Release
-on:
-  push:
-    branches-ignore:
-      - 'main'
-      - 'changeset-release/main'
-    # To avoid unnecessary noise, we don't create canary releases when these paths change:
-    paths-ignore:
-      - '.changeset/**'
-      - '.devcontainer/**'
-      - '.github/**'
-      - '.storybook/**'
-      - '.vscode/**'
-      - 'docs/**'
-
-jobs:
-  release-canary:
-    name: Canary
-    if: ${{ github.repository == 'primer/react' }}
-
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v2
-        with:
-          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
-          fetch-depth: 0
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: 14.x
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Build
-        run: npm run build
-
-      - name: Create .npmrc
-        run: |
-          cat << EOF > "$HOME/.npmrc"
-            //registry.npmjs.org/:_authToken=$NPM_TOKEN
-          EOF
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN_SHARED }}
-
-      - name: Publish canary version
-        run: |
-          echo "$( jq '.version = "0.0.0"' package.json )" > package.json
-          echo -e "---\n'@primer/components': patch\n---\n\nFake entry to force publishing" > .changeset/force-snapshot-release.md
-          yarn changeset version --snapshot
-          yarn changeset publish --tag canary
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Output canary version number
-        uses: actions/github-script@v4.0.2
-        with:
-          script: |
-            const package = require(`${process.env.GITHUB_WORKSPACE}/package.json`)
-            github.repos.createCommitStatus({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              sha: context.sha,
-              state: 'success',
-              context: `Published ${package.name}`,
-              description: package.version,
-              target_url: `https://unpkg.com/${package.name}@${package.version}/`
-            })

package/.github/workflows/release_candidate.yml

@@ -1,60 +0,0 @@
-name: Release
-on:
-  push:
-    branches:
-      - 'changeset-release/main'
-
-jobs:
-  release-candidate:
-    name: Candidate
-    if: ${{ github.repository == 'primer/react' }}
-
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v2
-        with:
-          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
-          fetch-depth: 0
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: 14.x
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Build
-        run: npm run build
-
-      - name: Create .npmrc
-        run: |
-          cat << EOF > "$HOME/.npmrc"
-            //registry.npmjs.org/:_authToken=$NPM_TOKEN
-          EOF
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN_SHARED }}
-
-      - name: Publish release candidate
-        run: |
-          version=$(jq -r .version package.json)
-          echo "$( jq ".version = \"$(echo $version)-rc.$(git rev-parse --short HEAD)\"" package.json )" > package.json
-          yarn publish --tag next
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Output release candidate version number
-        uses: actions/github-script@v4.0.2
-        with:
-          script: |
-            const package = require(`${process.env.GITHUB_WORKSPACE}/package.json`)
-            github.repos.createCommitStatus({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              sha: context.sha,
-              state: 'success',
-              context: `Published ${package.name}`,
-              description: package.version,
-              target_url: `https://unpkg.com/${package.name}@${package.version}/`
-            })

package/.github/workflows/size.yml

@@ -1,13 +0,0 @@
-name: Size
-on: [pull_request]
-jobs:
-  size:
-    name: Size
-    runs-on: ubuntu-latest
-    env:
-      CI_JOB_NUMBER: 1
-    steps:
-      - uses: actions/checkout@v1
-      - uses: andresz1/size-limit-action@v1
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}

package/.github/workflows/stale.yml

@@ -1,26 +0,0 @@
-name: Stale
-on:
-  schedule:
-    - cron: '0 * * * *'
-
-jobs:
-  stale:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/stale@v4
-        with:
-          
-          # General settings
-          days-before-stale: 60
-          days-before-close: 7
-          enable-statistics: true
-          operations-per-run: 100
-          remove-stale-when-updated: true
-          
-          # PR specific settings
-          delete-branch: true
-          stale-pr-message: "Hi! This pull request has been marked as stale because it has been open with no activity for 60 days. You can comment on the pull request or remove the stale label to keep it open. If you do nothing, this pull request will be closed in 7 days."
-          
-          # Issue specific settings
-          days-before-issue-stale: 180
-          stale-issue-message: "Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days."

package/.gitignore

@@ -1,10 +0,0 @@
-.test
-node_modules
-.DS_Store
-.idea
-coverage/
-dist/
-lib/
-lib-esm/
-public/
-stats.html

package/.npmrc

@@ -1,4 +0,0 @@
-save=true
-save-exact=true
-# we create our tags in Releases now
-git-tag-version=false

package/.nvmrc

@@ -1 +0,0 @@
-v14

package/.storybook/main.js

@@ -1,11 +0,0 @@
-module.exports = {
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-a11y",
-    "@storybook/addon-links",
-    "@storybook/addon-essentials"
-  ]
-}

package/.storybook/preview.js

@@ -1,113 +0,0 @@
-import {addons} from '@storybook/addons'
-import {ThemeProvider, themeGet, theme} from '../src'
-import styled, {createGlobalStyle} from 'styled-components'
-
-// set global theme styles for each story
-const GlobalStyle = createGlobalStyle`
-  body {
-    background-color: ${themeGet('colors.canvas.default')};
-    color: ${themeGet('colors.fg.default')};
-  }
-`
-
-// only remove padding for multi-theme view grid
-const GlobalStyleMultiTheme = createGlobalStyle`
-  body {
-    padding: 0 !important;
-  }
-`
-
-// duo theme view, this can be extended for more themes
-const Wrapper = styled.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: 100vh;
-`
-
-// instead of global theme, only theme wrapper for each story
-const ThemedSectionStyle = styled.div`
-  background-color: ${themeGet('colors.canvas.default')};
-  color: ${themeGet('colors.fg.default')};
-  padding: 1rem;
-`
-
-export const globalTypes = {
-  colorMode: {
-    name: 'Color mode',
-    description: 'Color mode (day, night, auto, all)',
-    defaultValue: 'day',
-    toolbar: {
-      icon: 'paintbrush',
-      // array of colorMode items
-      items: ['day', 'night', 'auto', 'all'],
-      showName: true
-    }
-  },
-  dayScheme: {
-    name: 'Day color scheme',
-    description: 'Day color scheme',
-    defaultValue: 'light',
-    toolbar: {
-      icon: 'circlehollow',
-      items: Object.keys(theme.colorSchemes),
-      showName: true
-    }
-  },
-  nightScheme: {
-    name: 'Night color scheme',
-    description: 'Night color scheme',
-    defaultValue: 'dark',
-    toolbar: {
-      icon: 'circle',
-      items: Object.keys(theme.colorSchemes),
-      showName: true
-    }
-  }
-}
-
-// context.globals.X references items in globalTypes
-const withThemeProvider = (Story, context) => {
-  if (context.globals.colorMode === 'all') {
-    return (
-      <Wrapper>
-        <GlobalStyleMultiTheme />
-        <ThemeProvider colorMode="day" dayScheme={context.globals.dayScheme} nightScheme={context.globals.nightScheme}>
-          <ThemedSectionStyle>
-            <Story {...context} />
-          </ThemedSectionStyle>
-        </ThemeProvider>
-        <ThemeProvider
-          colorMode="night"
-          dayScheme={context.globals.dayScheme}
-          nightScheme={context.globals.nightScheme}
-        >
-          <ThemedSectionStyle>
-            <Story {...context} />
-          </ThemedSectionStyle>
-        </ThemeProvider>
-      </Wrapper>
-    )
-  }
-
-  return (
-    <ThemeProvider
-      colorMode={context.globals.colorMode}
-      dayScheme={context.globals.dayScheme}
-      nightScheme={context.globals.nightScheme}
-    >
-      <GlobalStyle />
-      <Story {...context} />
-    </ThemeProvider>
-  )
-}
-export const decorators = [withThemeProvider]
-
-addons.setConfig({
-  // Some stories may set up keyboard event handlers, which can can be interfered
-  // with by these keyboard shortcuts.
-  enableShortcuts: false
-})
-
-export const parameters = {
-  actions: {argTypesRegex: '^on[A-Z].*'}
-}

package/.vscode/launch.json

@@ -1,21 +0,0 @@
-{
-  // Use IntelliSense to learn about possible attributes.
-  // Hover to view descriptions of existing attributes.
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "type": "node",
-      "request": "launch",
-      "name": "Jest Current File",
-      "program": "${workspaceFolder}/node_modules/.bin/jest",
-      "args": ["${fileBasenameNoExtension}", "--config", "jest.config.js"],
-      "console": "integratedTerminal",
-      "internalConsoleOptions": "neverOpen",
-      "disableOptimisticBPs": true,
-      "windows": {
-        "program": "${workspaceFolder}/node_modules/jest/bin/jest"
-      }
-    }
-  ]
-}

package/.vscode/settings.json

@@ -1,13 +0,0 @@
-{
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "editor.formatOnSave": true,
-  "[javascript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[typescriptreact]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
-}

package/@types/@styled-system/prop-types/index.d.ts

@@ -1 +0,0 @@
-declare module '@styled-system/prop-types'

package/@types/@styled-system/props/index.d.ts

@@ -1 +0,0 @@
-declare module '@styled-system/props'

package/@types/jest-styled-components/index.d.ts

@@ -1 +0,0 @@
-declare module 'jest-styled-components/serializer'

package/CODEOWNERS

@@ -1,2 +0,0 @@
-# All changes should be reviewed by a member of the @react-reviewers team
-* @primer/react-reviewers

package/babel-defines.js

@@ -1,13 +0,0 @@
-const shared = {
-  __DEV__: "process.env.NODE_ENV !== 'production'"
-}
-
-module.exports = {
-  development: shared,
-  test: shared,
-  production: {
-    ...shared,
-    __DEV__: 'false',
-    'process.env.NODE_ENV': "'production'"
-  }
-}

package/babel.config.js

@@ -1,39 +0,0 @@
-const defines = require('./babel-defines')
-
-function replacementPlugin(env) {
-  return ['babel-plugin-transform-replace-expressions', {replace: defines[env]}]
-}
-
-const sharedPlugins = [
-  'macros',
-  'preval',
-  'add-react-displayname',
-  'babel-plugin-styled-components',
-  '@babel/plugin-proposal-nullish-coalescing-operator',
-  '@babel/plugin-proposal-optional-chaining'
-]
-
-function makePresets(moduleValue) {
-  return ['@babel/preset-typescript', ['@babel/preset-react', {modules: moduleValue}]]
-}
-
-module.exports = {
-  env: {
-    development: {
-      presets: makePresets(process.env.BABEL_MODULE || false),
-      plugins: [
-        ...(process.env.BABEL_MODULE === 'commonjs' ? ['@babel/plugin-transform-modules-commonjs'] : []),
-        ...sharedPlugins,
-        replacementPlugin('development')
-      ]
-    },
-    production: {
-      presets: makePresets(false),
-      plugins: [...sharedPlugins, replacementPlugin('production')]
-    },
-    test: {
-      presets: makePresets('commonjs'),
-      plugins: [...sharedPlugins, ['@babel/plugin-transform-modules-commonjs'], replacementPlugin('test')]
-    }
-  }
-}

package/contributor-docs/CODE_OF_CONDUCT.md

@@ -1,76 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as
-contributors and maintainers pledge to making participation in our project and
-our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, sex characteristics, gender identity and expression,
-level of experience, education, socio-economic status, nationality, personal
-appearance, race, religion, or sexual identity and orientation.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment
-include:
-
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-* The use of sexualized language or imagery and unwelcome sexual attention or
- advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
- address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
- professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable
-behavior and are expected to take appropriate and fair corrective action in
-response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned to this Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces
-when an individual is representing the project or its community. Examples of
-representing a project or community include using an official project e-mail
-address, posting via an official social media account, or acting as an appointed
-representative at an online or offline event. Representation of a project may be
-further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at design-systems@github.com. All
-complaints will be reviewed and investigated and will result in a response that
-is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good
-faith may face temporary or permanent repercussions as determined by other
-members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
-
-[homepage]: https://www.contributor-covenant.org
-
-For answers to common questions about this code of conduct, see
-https://www.contributor-covenant.org/faq