Release v2.2.0 (#35)

Author: michaelgeyer

.github/workflows/post-release-workflow.yml

@@ -0,0 +1,12 @@
+name: Post Release Workflow
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  run-checks:
+    uses: mercedes-benz/product-kit_actions/.github/workflows/post-release-workflow.yml@main
+    secrets:
+      npm-token: ${{ secrets.MBTI_NPM_TOKEN }}

.github/workflows/pre-release-checks.yml

@@ -0,0 +1,15 @@
+
+
+name: Pre Release Checks
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  run-checks:
+    uses: mercedes-benz/product-kit_actions/.github/workflows/pre-release-checks.yml@main
+    with:
+      npm-package-url: https://unpkg.com/@daimler/productkit-core/package.json
+      black-duck-project-name: product-kit-core

3RD_PARTY_LICENSES.txt

@@ -2,15 +2,27 @@
 
 All notable changes to this project will be documented in this file.
 
-# 2.1.0
+## [2.2.0]
+
+### Added
+
+- Added MB color style
+- Added application info and warning color 
+
+## Changed
+
+- Changed button font weight to bold
+- Changed `css` and `js` build to minify output
+
+## [2.1.0]
 
 ## Changes
 ### Typography
 * Updated font tokens 
 * Added strong variants to subtitle1, subtitle2, body1, body2 and caption styles
 * Removed supscript tokens
 
-# 2.0.0
+## [2.0.0]
 
 ## Changes
 ### General
@@ -49,22 +61,22 @@ All notable changes to this project will be documented in this file.
 * Due to the addition of new brands import paths must now include the desired brand (i.e. MBTI)
 * Due to the addition of the new styleguide many tokens are now changed by name or value
 
-# 1.3.2
+## [1.3.2]
 
 ### Breaking Changes
 * Changed white and black color variable names in exports
 
-# 1.3.1
+## [1.3.1]
 
 ### Bug Fixes
 * Updated text transform capitalized to none
 
-# 1.3.0
+## [1.3.0]
 
 ### Improvements
 * Added export for Javascript variables
 
-# 1.2.0
+## [1.2.0]
 
 ### Bug Fixes
 * Updated contrast values for light and dark mode for better accessibility

CHANGELOG.md

@@ -1,38 +1,43 @@
 <!-- SPDX-License-Identifier: MIT -->
+
 # Contributing
 
 This document explains how to contribute to this project.
 By contributing you will agree that your contribution will be put under the same license as this repository.
 
 ## Table of Contents
+
 - CLA
 - Communication
 - Contributions
 - Quality
 
 ## CLA
 
-Before you can contribute, you will need to sign our cla [Contributor License Agreement](https://github.com/Daimler/daimler-foss/blob/master/cla/2019-09-11_Daimler_FOSS_CLA_DaimlerTSS.pdf) and send the signed CLA to <cla-tss@daimler.com> 
+Before you can contribute, you will need to sign our cla [Contributor License Agreement](https://github.com/mercedes-benz/foss/blob/master/cla/2019-09-11_Daimler_FOSS_CLA_DaimlerTSS.pdf) and send the signed CLA to <cla-mbti@mercedes-benz.com>
 
 ## Communication
 
-For communication please respect our [FOSS Code of Conduct](https://github.com/Daimler/daimler-foss/blob/master/CODE_OF_CONDUCT.md).
+For communication please respect our [FOSS Code of Conduct](https://github.com/mercedes-benz/foss/blob/master/CODE_OF_CONDUCT.md).
 
 The following communication channels exist for this project:
-- Github for reporting and claiming issues:  
 
-Transparent and open communication is important to us. 
-Thus, all project-related communication should happen only through these channels and in English. 
+- Github for reporting and claiming issues: https://github.com/mercedes-benz/product-kit_core/issues
+
+Transparent and open communication is important to us.
+Thus, all project-related communication should happen only through these channels and in English.
 Issue-related communication should happen within the concerned issue.
 
 ## Contributions
+
 If you would like to contribute code you can do so through GitHub by forking the repository and sending a pull request.
 
 When submitting code, please make every effort to follow existing conventions and style in order to keep the code as readable as possible.
 
 If you are new to contributing in Github, [First Contributions](https://github.com/firstcontributions/first-contributions) might be a good starting point.
 
 ## Quality
-Please ensure that for all contributions, the corresponding documentation is in-sync and up-to-date. All documentation should be in English language. 
 
-We assume that for every non-trivial contribution, the project has been built and tested prior to the contribution. 
+Please ensure that for all contributions, the corresponding documentation is in-sync and up-to-date. All documentation should be in English language.
+
+We assume that for every non-trivial contribution, the project has been built and tested prior to the contribution.

CONTRIBUTING.md

@@ -3,7 +3,10 @@
 # ![Product Kit Core Logo](./docs/images/pk_core_title_image.png)
 
 ![license](https://img.shields.io/badge/license-MIT-38de03e?style=flat)
-[![npm](https://img.shields.io/npm/v/@daimler/productkit-core)](https://www.npmjs.com/package/@daimler/productkit-core)
+[![npm](https://img.shields.io/npm/v/@mercedes-benz/productkit-core)](https://www.npmjs.com/package/@mercedes-benz/productkit-core)
+
+> **Note** <br>
+> With the release of v2.2.0 and all future versions, product-kit_core is available under the npm scope @mercedes-benz/productkit-core.
 
 Product Kit Core provides design tokens according to the Mercedes-Benz Tech Innovation styleguide. These tokens are used to create an export that can be used on web platforms using material design. The export is created with a build tool that is called [Style Dictionary](https://github.com/amzn/style-dictionary).
 
@@ -23,7 +26,7 @@ _Note that you must have node (and npm) installed._
 You can get the style dictionary for web as package through npm:
 
 ```bash
-npm install @daimler/productkit-core
+npm install @mercedes-benz/productkit-core
 ```
 
 Styles for web can be found in the `dist` directory. Feel free to contribute any missing platforms.

README.md

@@ -1,10 +1,12 @@
 // SPDX-License-Identifier: MIT
 const { hexToRgba } = require('./dist/web/utils/js/color')
 const StyleDictionaryPackage = require('style-dictionary')
-const fs = require('fs-extra')
+const { formattedVariables } = StyleDictionaryPackage.formatHelpers;
+const fs = require('fs-extra');
+const { allTokens } = require('style-dictionary');
 
 const distDirName = 'dist'
-const brands = [`hot`, `mbti`, `mbtm`]
+const brands = [`hot`, `mbti`, `mbtm`, 'mb']
 const platforms = [`web`]
 const modes = [`light`, `dark`]
 
@@ -40,6 +42,33 @@ const transforms_js = [
   `size/px`,
 ]
 
+StyleDictionaryPackage.registerFormat({
+  name: 'minifiedCSS',
+  formatter: function({ dictionary, options={} }) {
+
+    const selector = options.selector ? options.selector : `:root`;
+    const { outputReferences } = options;
+    const unminifiedString = `${selector} {\n` + formattedVariables({format: 'css', dictionary, outputReferences}) + `}`;
+    return createMinifiedCSS(unminifiedString)
+
+    function createMinifiedCSS(input) {
+      return input
+        .replaceAll(/\/\*.*?\*\//gm, '') // remove all css comments
+        .replaceAll('\n', '') // remove all line breaks
+        .replaceAll(' ', '') // remove all spaces
+    }
+  }
+});
+
+StyleDictionaryPackage.registerFormat({
+  name: 'minifiedJS',
+  formatter: function({ dictionary }) {
+    return  dictionary.allTokens.map(function(token) {
+      return 'export const ' + token.name + '=' + JSON.stringify(token.value) + ';';
+      }).join('');
+  }
+});
+
 // before this runs we should clean the directories we are generating files in
 // to make sure they are ✨clean✨
 platforms.map(function (platform) {
@@ -93,7 +122,7 @@ function getStyleDictionaryLightConfig(brand, platform, exportPath) {
         files: [
           {
             destination: `css/variables.css`,
-            format: `css/variables`,
+            format: `minifiedCSS`,
             options: {
               outputReferences: true,
             },
@@ -124,7 +153,7 @@ function getStyleDictionaryLightConfig(brand, platform, exportPath) {
         files: [
           {
             destination: `js/variables.js`,
-            format: `javascript/es6`,
+            format: `minifiedJS`,
           },
         ],
       },
@@ -155,10 +184,10 @@ function getStyleDictionaryDarkConfig(brand, platform, exportPath) {
         files: [
           {
             destination: `css/variables-dark.css`,
-            format: `css/variables`,
+            format: `minifiedCSS`,
             options: {
               outputReferences: true,
-              selector: `.dark`,
+              selector: `.dark`
             },
           },
         ],
@@ -187,7 +216,7 @@ function getStyleDictionaryDarkConfig(brand, platform, exportPath) {
         files: [
           {
             destination: `js/variables-dark.js`,
-            format: `javascript/es6`,
+            format: `minifiedJS`,
           },
         ],
       },