Alpha

.github/workflows/deploy-docs.yml

@@ -2,7 +2,7 @@ name: Deploy storybook
 on:
   pull_request:
   push:
-    branches: [ main, alpha ]
+    branches: [main, alpha]
 
 jobs:
   build:
@@ -16,7 +16,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: "14"
+          node-version: '14'
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
@@ -40,7 +40,7 @@ jobs:
 
       - name: Determine deploy target
         shell: bash
-        run:  |
+        run: |
           if [[ "${{ steps.branch.outputs.branch }}" == "main" ]]; then
             echo "##[set-output name=target;]$(echo latest)"
           elif [[ "${{ steps.branch.outputs.branch }}" == "alpha" ]]; then
@@ -59,7 +59,7 @@ jobs:
           token: ${{ secrets.GH_TOKEN }}
           branch: gh-pages # The branch the action should deploy to.
           folder: dist/storybook # The folder the action should deploy.
-          target-folder: ${{ steps.target.outputs.target }}  # The folder the action should deploy to.
+          target-folder: ${{ steps.target.outputs.target }} # The folder the action should deploy to.
 
       - name: Add Storybook link to pull request
         uses: actions/github-script@v4

.github/workflows/manual-semantic-release.yml

@@ -12,8 +12,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: "14"
-
+          node-version: '14'
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
         run: echo "::set-output name=dir::$(yarn cache dir)"
@@ -29,11 +28,11 @@ jobs:
       - name: Install dependencies
         run: yarn install --prefer-offline --frozen-lockfile --silent
 
-      - name: Build affected libs
+      - name: Build all libs
         # run: npx nx run chlorophyll:build
-        run: npx nx run-many --target build --all
+        run: npx nx run-many --target build --all --exclude angular-lib-dev
 
-      - name: Release affected libs
+      - name: Release all libs
         # run: npx nx run chlorophyll:release --verbose
         run: npx nx run-many --target release --all
         env:

.github/workflows/manual-storybook-deploy.yml

@@ -13,7 +13,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: "14"
+          node-version: '14'
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
@@ -37,7 +37,7 @@ jobs:
 
       - name: Determine deploy target
         shell: bash
-        run:  |
+        run: |
           if [[ "${{ steps.branch.outputs.branch }}" == "main" ]]; then
             echo "##[set-output name=target;]$(echo latest)"
           elif [[ "${{ steps.branch.outputs.branch }}" == "alpha" ]]; then
@@ -47,13 +47,14 @@ jobs:
           fi
         id: target
 
-      - name: Build storybook
+      - name: Build all storybooks
         run: yarn run nx run-many --target build-storybook --all
 
-      - name: Deploy storybook to GitHub Pages
+      - name: Deploy storybooks to GitHub Pages
+
         uses: JamesIves/github-pages-deploy-action@4.1.4
         with:
           token: ${{ secrets.GH_TOKEN }}
           branch: gh-pages # The branch the action should deploy to.
           folder: dist/storybook # The folder the action should deploy.
-          target-folder: ${{ steps.target.outputs.target }}  # The folder the action should deploy to.
+          target-folder: ${{ steps.target.outputs.target }} # The folder the action should deploy to.

libs/angular-charts/package.json

@@ -4,7 +4,7 @@
   "peerDependencies": {
     "@angular/common": "^12.1.0",
     "@angular/core": "^12.1.0",
-    "@sebgroup/chlorophyll": "*"
+    "@sebgroup/chlorophyll": "^1.0.0-alpha.1"
   },
   "dependencies": {
     "@sebgroup/green-charts": "*",

libs/angular/package.json

@@ -6,7 +6,7 @@
     "@angular/core": "^12.1.0"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "*",
+    "@sebgroup/chlorophyll": "^1.0.0-alpha.1",
     "body-scroll-lock": "^4.0.0-beta.0",
     "tslib": "^2.2.0"
   },

libs/charts/package.json

@@ -2,7 +2,7 @@
   "name": "@sebgroup/green-charts",
   "version": "0.0.0-semantically-released",
   "dependencies": {
-    "@sebgroup/chlorophyll": "*",
+    "@sebgroup/chlorophyll": "^1.0.0-alpha.1",
     "billboard.js": "^3.2.1"
   },
   "description": "Base library for charts.",

libs/chlorophyll/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/chlorophyll",
-  "version": "0.0.0-semantically-released",
+  "version": "1.0.0-alpha.1",
   "description": "A CSS framework for SEB with accessibility at it's core.",
   "main": "css/green-chlorophyll.min.css",
   "repository": {

libs/chlorophyll/src/lib/stories/form/index.stories.mdx

@@ -1,10 +1,7 @@
 import { Meta, Story, Canvas } from '@storybook/addon-docs'
 
-<Meta
-  title="Components/Form/Introduction"
-/>
+<Meta title="Components/Form/Introduction" />
 
 # Form
 
 Introduction text about how to use forms with links and references and to concepts and available elements
-

libs/react-charts/package.json

@@ -2,7 +2,7 @@
   "name": "@sebgroup/green-react-charts",
   "version": "0.0.0-semantically-released",
   "peerDependencies": {
-    "@sebgroup/chlorophyll": "*",
+    "@sebgroup/chlorophyll": "^1.0.0-alpha.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },

libs/react-charts/src/lib/chart.spec.tsx

@@ -19,7 +19,7 @@ describe('Chart', () => {
         {
           type: 'bar',
           name: 'Foo',
-          values: [1, 2, 3]
+          values: [1, 2, 3],
         },
       ],
       categories: ['A', 'B', 'C'],

libs/react-charts/src/lib/chart.stories.tsx

@@ -11,18 +11,20 @@ const Template: Story<ChartProps> = (args) => <Chart {...args} />
 export const SimpleBar = Template.bind({})
 SimpleBar.args = {
   settings: {
-    data: [{
-      name: 'Antal',
-      type: 'bar',
-      values: [ 234, 197, 97, 12 ]
-    }],
+    data: [
+      {
+        name: 'Antal',
+        type: 'bar',
+        values: [234, 197, 97, 12],
+      },
+    ],
     categories: [
       'Signerade avtal (SEB)',
       'Påbörjade trials (Oxceed)',
       'Aktiverade prenumerationer',
       'Avslutade prenumerationer (endast efter avslutad ordinarie pren.)',
     ],
-  }
+  },
 }
 
 export const Pie = Template.bind({})
@@ -32,15 +34,15 @@ Pie.args = {
     data: [
       {
         name: 'Ej tilldelade',
-        values: [ 700 ],
+        values: [700],
       },
       {
         name: 'Tilldelade',
-        values: [ 200 ],
+        values: [200],
       },
       {
         name: 'Utnyttjade',
-        values: [ 100 ],
+        values: [100],
       },
     ],
     legend: 'right',
@@ -54,15 +56,15 @@ Donut.args = {
     data: [
       {
         name: 'Ej tilldelade',
-        values: [ 700 ],
+        values: [700],
       },
       {
         name: 'Tilldelade',
-        values: [ 200 ],
+        values: [200],
       },
       {
         name: 'Utnyttjade',
-        values: [ 100 ],
+        values: [100],
       },
     ],
   },

libs/react/package.json

@@ -6,7 +6,7 @@
     "react-dom": "^17.0.2"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "*",
+    "@sebgroup/chlorophyll": "^1.0.0-alpha.1",
     "@sebgroup/extract": "*"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",

nx.json

@@ -16,11 +16,13 @@
       "options": {
         "cacheableOperations": [
           "build",
+          "release",
           "lint",
           "test",
           "e2e",
           "build-storybook"
-        ]
+        ],
+        "strictlyOrderedTargets": ["build", "release"]
       }
     }
   },
@@ -37,52 +39,5 @@
         "projects": "dependencies"
       }
     ]
-  },
-  "projects": {
-    "angular": {
-      "tags": [],
-      "implicitDependencies": ["chlorophyll"]
-    },
-    "angular-charts": {
-      "tags": [],
-      "implicitDependencies": ["chlorophyll", "charts"]
-    },
-    "angular-e2e": {
-      "tags": [],
-      "implicitDependencies": ["angular"]
-    },
-    "angular-lib-dev": {
-      "tags": []
-    },
-    "angular-lib-dev-e2e": {
-      "tags": [],
-      "implicitDependencies": ["angular-lib-dev"]
-    },
-    "charts": {
-      "tags": []
-    },
-    "chlorophyll": {
-      "tags": [],
-      "implicitDependencies": ["chlorophyll"]
-    },
-    "extract": {
-      "tags": []
-    },
-    "react": {
-      "tags": [],
-      "implicitDependencies": ["chlorophyll"]
-    },
-    "react-charts": {
-      "tags": [],
-      "implicitDependencies": ["chlorophyll", "charts"]
-    },
-    "react-charts-e2e": {
-      "tags": [],
-      "implicitDependencies": ["react-charts"]
-    },
-    "react-e2e": {
-      "tags": [],
-      "implicitDependencies": ["react"]
-    }
   }
 }

package.json

@@ -75,7 +75,7 @@
     "@babel/plugin-proposal-private-property-in-object": "^7.14.5",
     "@babel/preset-typescript": "^7.15.0",
     "@commitlint/config-conventional": "^13.1.0",
-    "@ng-easy/builders": "^3.3.20",
+    "@ng-easy/builders": "^3.4.3",
     "@nrwl/angular": "12.9.0",
     "@nrwl/cli": "12.9.0",
     "@nrwl/cypress": "12.9.0",