test alpha

.eslintrc.js

@@ -29,6 +29,7 @@ module.exports = {
     'jsx-a11y',
     'react',
     'react-hooks',
+    'simple-import-sort',
     'testing-library',
     'validate-jsx-nesting',
   ],
@@ -57,46 +58,15 @@ module.exports = {
     'flowtype/space-before-type-colon': [ERROR, NEVER],
     'flowtype/type-import-style': ERROR,
     'import/extensions': [ERROR, ALWAYS, { 'ignorePackages': true }],
+    'import/first': ERROR,
+    'import/newline-after-import': ERROR,
     'import/no-anonymous-default-export': ERROR,
+    'import/no-duplicates': ERROR,
     'import/no-extraneous-dependencies': OFF,
     'import/no-namespace': ERROR,
     'import/no-relative-parent-imports': OFF,
     'import/no-unresolved': OFF,
-    'import/order': [
-      ERROR,
-      {
-        'groups': [
-          'index',
-          'builtin',
-          'external',
-          'parent',
-          'sibling',
-          'internal',
-          'object',
-          'type',
-        ],
-        'alphabetize': { 'order': 'asc', 'caseInsensitive': true },
-        'newlines-between': 'never',
-        'pathGroups': [
-          {
-            'pattern': 'react',
-            'group': 'builtin',
-            'position': 'before',
-          },
-          {
-            'pattern': './*.css',
-            'group': 'sibling',
-            'position': 'before',
-          },
-          {
-            'pattern': './*/*.js',
-            'group': 'sibling',
-            'position': 'after',
-          },
-        ],
-        'pathGroupsExcludedImportTypes': ['react'],
-      },
-    ],
+    'import/order': OFF,
     'jsx-a11y/label-has-associated-control': [
       ERROR,
       {
@@ -125,6 +95,25 @@ module.exports = {
     'react/sort-comp': OFF,
     'react/state-in-constructor': [ERROR, NEVER],
     'react/static-property-placement': [ERROR, 'static public field'],
+    'simple-import-sort/imports': [
+      ERROR,
+      {
+        groups: [
+          // Groups are an array of arrays, and the outer array adds blank lines between groups
+          [
+            '^\\u0000', // side-effect imports
+            // eslint-disable-next-line global-require
+            `^(${require('module').builtinModules.join('|')})(/|$)`, // node builtins
+            '^react',
+            '^', // catch-all for other packages
+            '^gestalt',
+            '^\\.', // relative paths for "siblings" (e.g. ./Button)
+            '^\\.\\.', // relative paths for "parents" (e.g. ../Button)
+          ],
+        ],
+      },
+    ],
+    'simple-import-sort/exports': ERROR,
     'validate-jsx-nesting/no-invalid-jsx-nesting': ERROR,
   },
   'overrides': [
@@ -153,6 +142,7 @@ module.exports = {
       'rules': {
         // Allows us to avoid directing the user off our docs site in examples
         'jsx-a11y/anchor-is-valid': OFF,
+        '@next/next/no-img-element': OFF,
       },
     },
     {

.flowconfig

@@ -1,5 +1,5 @@
 [version]
-0.206.0
+0.210.2
 
 [ignore]
 <PROJECT_ROOT>/packages/gestalt-codemods/.*/__testfixtures__

.github/pr-title-checker-config.json

@@ -4,8 +4,14 @@
     "color": ""
   },
   "CHECKS": {
-    "prefixes": ["Docs: ", "Internal: ", "Version bump: "],
-    "regexp": "^(?=.*(?:ActivationCard|Avatar|AvatarGroup|Badge|Box|Button|ButtonGroup|Callout|Checkbox|Collage|ColorSchemeProvider|Column|ComboBox|Container|Datapoint|DateField|DatePicker|DefaultLabelProvider|DeviceTypeProvider|Divider|Dropdown|GlobalEventsHandlerProvider|Fieldset|Flex|Heading|HelpButton|Icon|IconButton|IconButtonFloating|Image|Label|Layer|Letterbox|Link|List|Mask|Masonry|Modal|ModalAlert|Module|NumberField|OnLinkNavigationProvider|OverlayPanel|PageHeader|Pog|Popover|PopoverEducational|Pulsar|RadioButton|RadioGroup|ScrollBoundaryContainer|SearchField|SegmentedControl|SelectList|Sheet|SheetMobile|SideNavigation|SlimBanner|Spinner|Status|Sticky|Switch|Table|Tabs|Tag|TapArea|Text|TextArea|TextField|TileData|Toast|Tooltip|Upsell|useFocusVisible|useReducedMotion|Video|WashAnimated|ZIndex-Classes):\\s.*)+",
+    "prefixes": [
+      "Docs: ",
+      "Internal: ",
+      "Version bump: ",
+      "ESLint plugin: ",
+      "Tokens: "
+    ],
+    "regexp": "^(?=.*(?:ActivationCard|Avatar|AvatarGroup|Badge|Box|Button|ButtonGroup|Callout|Checkbox|Collage|ColorSchemeProvider|Column|ComboBox|Container|Datapoint|DateRange|DateField|DatePicker|DefaultLabelProvider|DeviceTypeProvider|Divider|Dropdown|GlobalEventsHandlerProvider|Fieldset|Flex|Heading|HelpButton|Icon|IconButton|IconButtonFloating|Image|Label|Layer|Letterbox|Link|List|Mask|Masonry|Modal|ModalAlert|Module|NumberField|OverlayPanel|PageHeader|Pog|Popover|PopoverEducational|Pulsar|RadioButton|RadioGroup|ScrollBoundaryContainer|SearchField|SegmentedControl|SelectList|Sheet|SheetMobile|SideNavigation|SlimBanner|Spinner|Status|Sticky|Switch|Table|Tabs|Tag|TagData|TapArea|Text|TextArea|TextField|TileData|Toast|Tooltip|Upsell|useFocusVisible|useReducedMotion|Video|WashAnimated|ZIndex-Classes):\\s.*)+",
     "regexpFlags": "",
     "ignoreLabels": []
   },

.github/workflows/alpha.yml

@@ -0,0 +1,63 @@
+name: Alpha Release
+
+on:
+  push:
+    paths-ignore:
+      - 'CHANGELOG.md'
+    tags-ignore:
+      - '**'
+    branches:
+      - alpha
+
+jobs:
+  release-alpha:
+    name: Alpha Release Gestalt
+    runs-on: ubuntu-latest
+    permissions:
+      pull-requests: write
+    if: |
+      contains(github.event.head_commit.message, 'Version bump:') == false && github.repository == 'pinterest/gestalt'
+    steps:
+      - name: Set Pre-Release label
+        id: extract_labels
+        run: |
+          echo "::set-output name=labels::["prerelease release"]"
+      - name: Checkout the repo
+        uses: actions/checkout@v2
+        with:
+          persist-credentials: false
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16
+      - name: Setup npm
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: echo "//registry.npmjs.org/:_authToken=$NODE_AUTH_TOKEN" >> ~/.npmrc
+      - name: Install dependencies
+        run: yarn install
+      - name: Setup GitHub access tokens
+        env:
+          RYAN_GITHUB_PERSONAL_TOKEN: ${{ secrets.RYAN_GITHUB_PERSONAL_TOKEN }}
+        run: |
+          echo "machine github.com" >> ~/.netrc
+          echo "login dangerismycat" >> ~/.netrc
+          echo "password $RYAN_GITHUB_PERSONAL_TOKEN" >> ~/.netrc
+      - name: Release Steps
+        id: pre_release
+        run: ./scripts/releaseSteps.js
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          LABELS: ${{ steps.extract_labels.outputs.labels }}
+      - name: Get Github Workflow Version
+        run: echo ${{ steps.pre_release.outputs.VERSION }}
+      - name: Publish Alpha to npm
+        run: |
+          cd packages/gestalt-design-tokens
+          yarn publish --registry=https://registry.npmjs.org --no-git-tag-version --new-version ${{ steps.pre_release.outputs.VERSION }} --tag alpha
+          cd ../gestalt
+          yarn publish --registry=https://registry.npmjs.org --no-git-tag-version --new-version ${{ steps.pre_release.outputs.VERSION }} --tag alpha
+          cd ../gestalt-datepicker
+          yarn publish --registry=https://registry.npmjs.org --no-git-tag-version --new-version ${{ steps.pre_release.outputs.VERSION }} --tag alpha
+          cd ../eslint-plugin-gestalt
+          yarn publish --registry=https://registry.npmjs.org --no-git-tag-version --new-version ${{ steps.pre_release.outputs.VERSION }} --tag alpha

.markdownlint.json

@@ -1,6 +1,7 @@
 {
   "default": true,
   "MD013": false,
+  "MD026": { "punctuation": ".,;:。，；：" },
   "MD033": false,
   "MD034": false
 }

.stylelintrc.json

@@ -10,11 +10,12 @@
         "ignoreProperties": ["composes"]
       }
     ],
-    "custom-property-pattern": "g-.+",
+    "custom-property-pattern": "g|color|font|elevation|space|opacity|font-.+",
     "value-keyword-case": [
       "lower",
       {
-        "ignoreProperties": ["composes"]
+        "ignoreProperties": ["composes"],
+        "camelCaseSvgKeywords": true
       }
     ],
     "declaration-block-no-duplicate-properties": [