release: 1.6.1

.github/CODE_STYLE.md

@@ -140,9 +140,6 @@ they might change without notice. Their payload might also be changed based on r
 with 'internal'. This is to make it as clear as possible to a user that this is an internal event that the components are using,
 but the user should not interact with it. E.g. `internalTdsPropsChange`.
 
-### Development version of Storybook
-https://develop--tegel-storybook.netlify.app/ is a Storybook version connected to the develop branch.
-It offers the possibility to check out the version of code that is merged to develop branch.
-It can be used to see a version of code that is about to be released or to do a regression test. 
+
 
 

.github/PULL_REQUEST_TEMPLATE.md

@@ -2,15 +2,20 @@
 _Describe what the pull-request is about_
 
 **Solving issue**  
-_In case of GitHub issue add # plus the number of the issue (for example #123) OR if it is Azure then AB# and number of ticket_
+_Please link to the issue this pull request is solving by adding ticket number after CDEP-_
 Fixes: [CDEP-](https://tegel.atlassian.net/browse/CDEP-)
 
 **How to test**  
-_Add description how to test if possible_
+_Provide detailed steps for testing, including any necessary setup._
 1. Go to...
 2. Check in...
 3. Run ...
 
+**Checklist before submission**
+- [ ] I have added unit tests for my changes (if applicable)
+- [ ] All existing tests pass
+- [ ] I have updated the documentation (if applicable)
+
 **Suggested test steps**
 - [ ] Browser testing (Chrome, Safari, Firefox) 
 - [ ] Keyboard operability
@@ -22,7 +27,7 @@ _Add description how to test if possible_
 - [ ] Events
 
 **Screenshots**  
-_If applicable, add screenshots to help explain_
+_Include before/after screenshots for UI changes._
 
 **Additional context**  
-_Add any other context about the pull-request here._
+_Add any other context or feedback requests about the pull-request here._

.github/workflows/create-release-pr.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Check out code
         uses: actions/checkout@v4
         with:
-          ref: main
+          ref: develop
 
       # Reference for this pattern: https://github.com/peter-evans/create-pull-request/blob/main/docs/examples.md#keep-a-branch-up-to-date-with-another
       - name: Reset promotion branch

.github/workflows/release-all.yml

@@ -0,0 +1,87 @@
+name: Release All Packages
+
+on:
+  workflow_dispatch:
+    inputs:
+      nodeVersion:
+        description: 'Node version'
+        required: true
+        default: '20.9.0'
+        type: string
+      tags:
+        description: 'Tag'
+        required: true
+        default: 'latest'
+        type: choice
+        options:
+          - latest
+          - beta
+          - dev
+      dryRun:
+        description: 'Dry run'
+        required: false
+        default: false
+        type: boolean
+
+jobs:
+  release-core:
+    runs-on: ubuntu-latest
+    outputs:
+      version: ${{ steps.core-release.outputs.version }}
+    steps:
+      - name: Trigger Core Release
+        id: core-release
+        uses: benc-uk/workflow-dispatch@v1
+        with:
+          workflow: release-core.yml
+          token: ${{ secrets.GITHUB_TOKEN }}
+          inputs: '{"nodeVersion": "${{ github.event.inputs.nodeVersion }}", "tags": "${{ github.event.inputs.tags }}", "dryRun": "${{ github.event.inputs.dryRun }}"}'
+
+  release-angular:
+    needs: release-core
+    runs-on: ubuntu-latest
+    steps:
+      - name: Trigger Angular Release
+        uses: benc-uk/workflow-dispatch@v1
+        with:
+          workflow: release-angular.yml
+          token: ${{ secrets.GITHUB_TOKEN }}
+          inputs: '{"nodeVersion": "${{ github.event.inputs.nodeVersion }}", "tags": "${{ github.event.inputs.tags }}", "dryRun": "${{ github.event.inputs.dryRun }}"}'
+
+  release-react:
+    needs: release-core
+    runs-on: ubuntu-latest
+    steps:
+      - name: Trigger React Release
+        uses: benc-uk/workflow-dispatch@v1
+        with:
+          workflow: release-react.yml
+          token: ${{ secrets.GITHUB_TOKEN }}
+          inputs: '{"nodeVersion": "${{ github.event.inputs.nodeVersion }}", "tags": "${{ github.event.inputs.tags }}", "dryRun": "${{ github.event.inputs.dryRun }}"}'
+
+  create-pr:
+    needs: [release-core, release-angular, release-react]
+    runs-on: ubuntu-latest
+    if: success()
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v4
+        with:
+          ref: develop
+
+      - name: Core - Read Package.json Version
+        id: version
+        working-directory: packages/core
+        run: echo "PACKAGE_VERSION=$(jq -r .version package.json)" >> $GITHUB_ENV
+
+      - name: Create Pull Request
+        id: create-pr
+        uses: peter-evans/create-pull-request@v5
+        with:
+          commit-message: 'release: ${{ env.PACKAGE_VERSION }}'
+          title: 'release: ${{ env.PACKAGE_VERSION }}'
+          body: |
+            This PR is to sync the develop branch with the main branch after the successful release of the core package.
+            Version: ${{ env.PACKAGE_VERSION }}
+          base: main
+          branch: develop

.github/workflows/release-angular.yml

@@ -11,7 +11,7 @@ on:
       tags:
         description: 'Tag'
         required: true
-        default: 'beta'
+        default: 'latest'
         type: choice
         options:
           - latest
@@ -21,7 +21,7 @@ on:
       dryRun:
         description: 'Dry run'
         required: false
-        default: true
+        default: false
         type: boolean
 
 jobs:
@@ -33,7 +33,7 @@ jobs:
       - name: Check out code
         uses: actions/checkout@v4
         with:
-          ref: main
+          ref: develop
 
       - name: Set up node
         # Setup .npmrc file to publish to npm
@@ -43,7 +43,7 @@ jobs:
           registry-url: 'https://registry.npmjs.org'
 
       - name: Set Tegel user
-        run: git config --global user.name "Tegel - Scania" && git config --global user.email "[email protected]"r
+        run: git config --global user.name "Tegel - Scania" && git config --global user.email "[email protected]"
 
       - name: Angular - Read package.json Version
         id: version
@@ -69,6 +69,7 @@ jobs:
         run: npm run build-angular
 
       - name: Angular - Publish
+        working-directory: packages/angular
         run: |
           if [ "${{ github.event.inputs.dryRun }}" == "true" ]; then
             npm publish --tag ${{ github.event.inputs.tags }} --dry-run
@@ -89,7 +90,7 @@ jobs:
       - name: Check out code
         uses: actions/checkout@v4
         with:
-          ref: main
+          ref: develop
 
       - name: Remove git tag on failure
         run: |

.github/workflows/release-core.yml

@@ -11,7 +11,7 @@ on:
       tags:
         description: 'Tag'
         required: true
-        default: 'beta'
+        default: 'latest'
         type: choice
         options:
           - latest
@@ -21,7 +21,7 @@ on:
       dryRun:
         description: 'Dry run'
         required: false
-        default: true
+        default: false
         type: boolean
 
 jobs:
@@ -33,7 +33,7 @@ jobs:
       - name: Check out code
         uses: actions/checkout@v4
         with:
-          ref: main
+          ref: develop
 
       - name: Set up node
         uses: actions/setup-node@v3
@@ -88,7 +88,7 @@ jobs:
       - name: Check out code
         uses: actions/checkout@v4
         with:
-          ref: main
+          ref: develop
 
       - name: Remove git tag on failure
         run: |

.github/workflows/release-react.yml

@@ -11,7 +11,7 @@ on:
       tags:
         description: 'Tag'
         required: true
-        default: 'beta'
+        default: 'latest'
         type: choice
         options:
           - latest
@@ -21,7 +21,7 @@ on:
       dryRun:
         description: 'Dry run'
         required: false
-        default: true
+        default: false
         type: boolean
 
 jobs:
@@ -31,7 +31,7 @@ jobs:
       - name: Check out code
         uses: actions/checkout@v4
         with:
-          ref: main
+          ref: develop
 
       - name: Set up node
         uses: actions/setup-node@v3
@@ -86,7 +86,7 @@ jobs:
       - name: Check out code
         uses: actions/checkout@v4
         with:
-          ref: main
+          ref: develop
 
       - name: Remove git tag on failure
         run: |

README.md

@@ -1,22 +1,21 @@
 ![GitHub release (latest by date)](https://img.shields.io/github/v/release/scania-digital-design-system/tegel)
 ![Status: Beta](https://img.shields.io/badge/status-beta-red)
-[![Storybook](https://img.shields.io/badge/docs-storybook-ff69b4)](https://tegel-storybook.netlify.app/)
+[![Storybook](https://img.shields.io/badge/docs-storybook-ff69b4)](https://tds-storybook.tegel.scania.com/)
 ![](https://img.shields.io/github/license/scania-digital-design-system/tegel)
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
 ![node-current](https://img.shields.io/badge/Node.js-18-orange)
 [![Downloads](https://img.shields.io/npm/dy/@scania/tegel?color=f4c430)](https://www.npmjs.com/package/@scania/tegel)
 [![Downloads](https://img.shields.io/npm/dw/@scania/tegel?color=76a4ed)](https://www.npmjs.com/package/@scania/tegel)
 [![Last Commit](https://img.shields.io/github/last-commit/scania-digital-design-system/tegel)](https://github.com/scania-digital-design-system/tegel/commits/main)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/scania-digital-design-system/tegel/pulls)
-[![Netlify Status](https://api.netlify.com/api/v1/badges/8070a4bb-ed31-4125-86aa-0c6140c55e73/deploy-status)](https://app.netlify.com/sites/tegel-storybook/deploys)
 
 
 
 # Tegel Design System
 
 Official website: https://tegel.scania.com/
 
-Storybook: https://tegel-storybook.netlify.app/
+Storybook: https://tds-storybook.tegel.scania.com/
 
 The design system supports the design and development of digital solutions at Scania. The purpose is to secure a coherent, premium brand and user experience across all of Scania's digital touchpoints.
 

color/_tokens.scss

@@ -1,5 +1,17 @@
 @import './mixins';
 
+$black: (
+  black-100: rgb(0 0 0 / 100%),
+  black-87: rgb(0 0 0 / 87%),
+  black-48: rgb(0 0 0 / 48%),
+  black-38: rgb(0 0 0 / 38%),
+);
+$white: (
+  white-100: rgb(255 255 255 / 100%),
+  white-87: rgb(255 255 255 / 87%),
+  white-48: rgb(255 255 255 / 48%),
+  white-38: rgb(255 255 255 / 38%),
+);
 $grey: (
   grey-958: #0d0f13,
   grey-900: #1d2229,
@@ -15,7 +27,6 @@ $grey: (
   grey-100: #edeff3,
   grey-50: #f9fafb,
 );
-
 $blue: (
   blue-900: #001533,
   blue-800: #041e42,
@@ -28,7 +39,6 @@ $blue: (
   blue-100: #bacde8,
   blue-50: #e4e9f1,
 );
-
 $red: (
   red-900: #450307,
   red-800: #6a080f,
@@ -69,8 +79,8 @@ $orange: (
   orange-100: #fbe3df,
   orange-50: #fdf5f3,
 );
+$original-colors: map-collect($black, $white, $grey, $blue, $red, $green, $orange);
 
-$original-colors: map-collect($grey, $blue, $red, $green, $orange);
 //TODO: Should we keep brand pallete?
 $brand-pallete: (
   black: #000,
@@ -88,5 +98,4 @@ $semantic: (
   positive: #1dab8b,
   information: get-color-original(blue-400),
 );
-
 $all-colors: map-collect($original-colors, $semantic, $brand-pallete);

packages/angular/README.md

@@ -1,4 +1,4 @@
-[![Storybook](https://img.shields.io/badge/docs-storybook-ff69b4)](https://tegel-storybook.netlify.app/)
+[![Storybook](https://img.shields.io/badge/docs-storybook-ff69b4)](https://tds-storybook.tegel.scania.com/)
 ![](https://img.shields.io/github/license/scania-digital-design-system/tegel)
 ![Status: Beta](https://img.shields.io/badge/status-beta-red)
 ![npm](https://img.shields.io/npm/v/%40scania%2Ftegel-angular)