Publish workflow

.eslintignore

@@ -1,4 +1,6 @@
 packages/@spectrum-icons/color/**
 packages/@spectrum-icons/ui/**
 packages/@spectrum-icons/workflow/**
+packages/@adobe/spectrum-css-temp/lib
+packages/@adobe/spectrum-css-temp/postcss.config.js
 node_modules

.github/workflows/deploy.yml

@@ -0,0 +1,37 @@
+name: Deploy
+
+on:
+  push:
+    branches:
+      - next
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@master
+    - name: Use Node 12
+      uses: actions/setup-node@v1
+      with:
+        node_version: 12.x
+    - name: Write npmrc
+      env:
+        NPMRC: ${{ secrets.NPMRC }}
+      run: echo "$NPMRC" > .npmrc
+    - name: install
+      run: yarn install  
+    - name: Configure CI Git User
+      run: |
+        git remote rm origin
+        git remote add origin "https://github-actions:[email protected]/adobe/react-spectrum-v3.git"
+        git fetch
+        git config --global user.email [email protected]
+        git config --global user.name GitHub Actions
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+    - name: deploy
+      run: |
+        git reset --hard
+        git checkout next
+        git reset --hard origin/next
+        make ci

.gitignore

@@ -17,3 +17,4 @@ storybook-static
 
 #allow
 !.storybook-v3/lib
+!packages/@adobe/spectrum-css-temp/lib

.storybook-v3/webpack.config.js

@@ -85,7 +85,7 @@ module.exports = ({config}, env) => {
               loader: 'postcss-loader',
               options: {
                 ident: 'postcss',
-                plugins: require('./postcss')(true)
+                plugins: require('../packages/@adobe/spectrum-css-temp/postcss.config').plugins
               }
             }
           ],

Makefile

@@ -74,28 +74,16 @@ ci-deploy:
 		$(MAKE) deploy; \
 	fi
 
-# Run this as make version VERSION={patch|minor|major}
-version:
-	lerna version ${VERSION} --yes --no-commit-hooks -m "chore(release): publish"
-	cp src/package.json dist/package.json
-
-ci-version:
-	if [ "$$VERSION" != "publish only" ]; then \
-		$(MAKE) version; \
-	fi
+# for now doesn't have deploy since v3 doesn't have a place for docs and stuff yet
+ci:
+	$(MAKE) publish
 
-publish: build ci-version
-	lerna publish from-git --yes --registry $(NPM_REGISTRY) --contents dist
+publish: build version
+	lerna publish from-git --yes --registry $(NPM_REGISTRY)
 
-ci-publish:
-	@if [ "$$VERSION" != "website only" ]; then \
-		$(MAKE) publish; \
-	fi
+build:
+	lerna exec --parallel --ignore "@adobe/*" --ignore "@spectrum-icons/*" --no-private 'BUILD_ENV=production NODE_ENV=production babel --root-mode upward src --out-dir dist --extensions .ts,.tsx,.js --no-comments --copy-files'
 
-# Run this on Jenkins with VERSION={patch|minor|major} as an argument, this will bump all the changed packages
-# So major bumps everything as major, minor bumps everything as minor, ...
-ci:
-	@if [ ! -z "$$VERSION" ] && [ "$$VERSION" != "noop" ]; then \
-		$(MAKE) ci-deploy; \
-		$(MAKE) ci-publish; \
-	fi
+# For first publish go with hard coded 3.0.0. Will eventually replace with conventional commits version bump determination?
+version:
+	lerna version 3.0.0 --no-commit-hooks -m "chore(release): publish" --yes

lerna.json

@@ -5,7 +5,7 @@
   "command": {
     "publish": {
       "allowBranch": [
-        "master"
+        "next"
       ]
     }
   }

package.json

@@ -16,7 +16,7 @@
     "jest": "NODE_ICU_DATA=node_modules/full-icu jest",
     "copyrights": "babel-node --presets @babel/env ./scripts/addHeaders.js",
     "clean:icons": "babel-node --presets @babel/env ./scripts/cleanIcons.js",
-    "postinstall": "test -n \"$NOYARNPOSTINSTALL\" || ( (yarn wsrun --exclude-missing make-icons || true) && yarn wsrun --exclude-missing build )",
+    "postinstall": "test -n \"$NOYARNPOSTINSTALL\" || ( (yarn wsrun --exclude-missing make-icons || true) && yarn wsrun --exclude-missing build)",
     "plop": "plop",
     "chromatic": "CHROMATIC_APP_CODE=qx7a91v30wc chromatic test --build-script-name build-storybook"
   },
@@ -94,6 +94,7 @@
     "nyc": "^10.2.0",
     "plop": "^2.4.0",
     "postcss-calc": "^6.0.0",
+    "postcss-cli": "^6.1.3",
     "postcss-custom-properties": "6.3.1",
     "postcss-dir-pseudo-class": "^5.0.0",
     "postcss-focus-ring": "^1.0.0",

packages/@adobe/spectrum-css-temp/components/actionmenu/vars.css

@@ -1,2 +1,2 @@
 @import './index.css';
-@import './skin.css';
+/* @import './skin.css'; */

packages/@adobe/spectrum-css-temp/components/typography/index.css

@@ -13,7 +13,7 @@ governing permissions and limitations under the License.
 @import '../commons/index.css';
 @import 'font.css';
 
-@mixin typography .spectrum-Body1 {}
+/* @mixin typography .spectrum-Body1 {}
 @mixin typography .spectrum-Body2 {}
 @mixin typography .spectrum-Body3 {}
 @mixin typography .spectrum-Body4 {}
@@ -128,7 +128,7 @@ governing permissions and limitations under the License.
 }
 @mixin typography .spectrum-Code5, body-code-5, true {
   font-family: var(--spectrum-body-code-5-text-font-family);
-}
+} */
 
 /* topdoc
 {{ typography/typography.yml }}
@@ -154,7 +154,7 @@ governing permissions and limitations under the License.
 .spectrum-Body--italic {
   font-style: var(--spectrum-body-4-emphasis-text-font-style);
 }
-
+/* 
 .spectrum-Body--large {
   @extend .spectrum-Body2;
 }
@@ -185,4 +185,4 @@ governing permissions and limitations under the License.
 
 .spectrum-Heading--subtitle3 {
   @extend .spectrum-Subheading;
-}
+} */

packages/@adobe/spectrum-css-temp/package.json

@@ -1,5 +1,10 @@
 {
   "name": "@adobe/spectrum-css-temp",
-  "private": true,
-  "version": "3.0.0"
+  "version": "3.0.0",
+  "scripts": {
+    "prepublishOnly": "postcss ./components/**/*.css -d dist --base components && rm -rf components && mv dist components" 
+  },
+  "devDependencies": {
+    "postcss-cli": "^6.1.3"
+  }
 }

.storybook-v3/postcss.js → packages/@adobe/spectrum-css-temp/postcss.config.js

@@ -1,31 +1,31 @@
-module.exports = function (keepVars = false) {
-  return [
+module.exports =  {
+  plugins: [
     require('postcss-import'),
     require('postcss-nested'),
     require('postcss-inherit'),
     require('postcss-logical')(),
     require('postcss-dir-pseudo-class')(),
     require('postcss-custom-properties')({
       noValueNotifications: 'error',
-      warnings: !keepVars
+      warnings: false
     }),
     // require('./lib/postcss-custom-properties-passthrough')(),
     require('postcss-calc'),
-    keepVars ? require('./lib/postcss-custom-properties-mapping') : null,
-    keepVars ? require('./lib/postcss-notnested')({ replace: '.spectrum' }) : null,
+    require('./lib/postcss-custom-properties-mapping'),
+    require('./lib/postcss-notnested')({replace: '.spectrum'}),
     require('postcss-svg'),
     require('postcss-functions')({
       functions: {
-        noscale: function(value) {
+        noscale: function (value) {
           return value.toString().toUpperCase();
         },
-        percent: function(value) {
+        percent: function (value) {
           return parseInt(value, 10) / 100;
         }
       }
     }),
     // require('./lib/postcss-strip-comments')({ preserveTopdoc: false }),
-    require('postcss-focus-ring'),
+    require('postcss-focus-ring')
     // require('autoprefixer')({
     //   'browsers': [
     //     'IE >= 10',
@@ -35,5 +35,5 @@ module.exports = function (keepVars = false) {
     //     'last 2 iOS versions'
     //   ]
     // })
-  ].filter(Boolean);
-}
+  ]
+};

packages/@react-aria/button/index.ts

@@ -0,0 +1 @@
+export * from './src/index';

packages/@react-aria/button/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@react-aria/button",
   "version": "3.0.0",
-  "private": true,
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/calendar/index.ts

@@ -0,0 +1 @@
+export * from './src/index';

packages/@react-aria/calendar/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@react-aria/calendar",
   "version": "3.0.0",
-  "private": true,
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "intl"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/checkbox/index.ts

@@ -0,0 +1 @@
+export * from './src/index';

packages/@react-aria/checkbox/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@react-aria/checkbox",
   "version": "3.0.0",
-  "private": true,
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/datepicker/index.ts

@@ -0,0 +1 @@
+export * from './src/index';

packages/@react-aria/datepicker/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@react-aria/datepicker",
   "version": "3.0.0",
-  "private": true,
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "intl"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/dialog/index.ts

@@ -0,0 +1 @@
+export * from './src/index';

packages/@react-aria/dialog/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@react-aria/dialog",
-  "private": true,
   "version": "3.0.0",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/focus/index.ts

@@ -0,0 +1 @@
+export * from './src/index';

packages/@react-aria/focus/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@react-aria/focus",
   "version": "3.0.0",
-  "private": true,
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/i18n/index.ts

@@ -0,0 +1 @@
+export * from './src/index';

packages/@react-aria/i18n/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@react-aria/i18n",
   "version": "3.0.0",
-  "private": true,
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/interactions/index.ts

@@ -0,0 +1 @@
+export * from './src/index';

packages/@react-aria/interactions/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@react-aria/interactions",
-  "private": true,
   "version": "3.0.0",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/label/index.ts

@@ -0,0 +1 @@
+export * from './src/useLabel';

packages/@react-aria/label/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@react-aria/label",
   "version": "3.0.0",
-  "main": "src/useLabel.ts",
-  "private": true,
+  "main": "dist/useLabel.js",
+  "source": "src/useLabel.ts",
+  "files": [
+    "dist"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/live-announcer/index.ts

@@ -0,0 +1 @@
+export * from './src/LiveAnnouncer';

packages/@react-aria/live-announcer/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@react-aria/live-announcer",
   "version": "3.0.0",
-  "private": true,
-  "main": "src/LiveAnnouncer.tsx",
+  "main": "dist/LiveAnnouncer.js",
+  "source": "src/LiveAnnouncer.tsx",
+  "files": [
+    "dist"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",

packages/@react-aria/overlays/index.ts

@@ -0,0 +1 @@
+export * from './src/index';

packages/@react-aria/overlays/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@react-aria/overlays",
-  "private": true,
   "version": "3.0.0",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
   "description": "Spectrum UI components in React",
   "repository": {
     "type": "git",