new commit

.github/workflows/main.yml

@@ -34,7 +34,7 @@ jobs:
       - name: Create Release # releasing as a github npm package
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GH_TOKEN }}
-        run: |
+        run: | 
           npm install
           npm run bundle
           auto shipit

.storybook/manager.js

@@ -0,0 +1,26 @@
+// .storybook/manager.js
+
+import { addons } from '@storybook/addons';
+
+addons.setConfig({
+  isFullscreen: false,
+  showNav: true,
+  showPanel: true,
+  panelPosition: 'bottom',
+  enableShortcuts: true,
+  showToolbar: true,
+  theme: undefined,
+  selectedPanel: undefined,
+  initialActive: 'sidebar',
+  sidebar: {
+    showRoots: false,
+    collapsedRoots: ['other'],
+  },
+  toolbar: {
+    title: { hidden: false },
+    zoom: { hidden: false },
+    eject: { hidden: false },
+    copy: { hidden: false },
+    fullscreen: { hidden: false },
+  },
+});

.storybook/preview.js

@@ -1,16 +1,28 @@
 // import '../src/plugins/infineonIcons';
-import '../src/global/global.scss'
+import '../src/global/global-theme.scss'
 import {defineCustomElements} from '../loader';
 
 defineCustomElements();
 
-
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
   controls: {
     matchers: {
       color: /(background|color)$/i,
-      date: /Date$/,
+      date: /Date$/
     },
   },
+  previewTabs: {
+    // canvas: {
+    //   hidden: true,
+    // },
+    // 'storybook/docs/panel': { index: -1 },
+  },
+  // viewMode: 'docs',
+
+  docs: {
+     source: {
+        state: 'open',
+    },
+  }
 }

CHANGELOG.md

@@ -1,3 +1,55 @@
+# v0.0.49 (Tue Jan 24 2023)
+
+#### ⚠️ Pushed to `master`
+
+- Merge branch 'master' of github.com:Infineon/infineon-design-system-stencil ([@g-rdknt](https://github.com/g-rdknt))
+- Add correct 'storybook-prepare' command to Readme ([@g-rdknt](https://github.com/g-rdknt))
+
+#### Authors: 1
+
+- Max ([@g-rdknt](https://github.com/g-rdknt))
+
+---
+
+# v0.0.48 (Tue Jan 24 2023)
+
+#### ⚠️ Pushed to `master`
+
+- Merge branch 'master' of github.com:Infineon/infineon-design-system-stencil ([@g-rdknt](https://github.com/g-rdknt))
+- Add new font-weights for 'Source Sans Pro' ([@g-rdknt](https://github.com/g-rdknt))
+
+#### Authors: 1
+
+- Max ([@g-rdknt](https://github.com/g-rdknt))
+
+---
+
+# v0.0.47 (Tue Jan 24 2023)
+
+#### 🐛 Bug Fix
+
+- removed nodePolyfills package, updated readme [#11](https://github.com/Infineon/infineon-design-system-stencil/pull/11) (lechneve@ISCN5CG1201S7M.infineon.com [@verena-ifx](https://github.com/verena-ifx))
+
+#### Authors: 2
+
+- [@verena-ifx](https://github.com/verena-ifx)
+- Verena Lechner (lechneve@ISCN5CG1201S7M.infineon.com)
+
+---
+
+# v0.0.46 (Mon Jan 23 2023)
+
+#### 🐛 Bug Fix
+
+- card with nested button component [#10](https://github.com/Infineon/infineon-design-system-stencil/pull/10) (lechneve@ISCN5CG1201S7M.infineon.com [@verena-ifx](https://github.com/verena-ifx))
+
+#### Authors: 2
+
+- [@verena-ifx](https://github.com/verena-ifx)
+- Verena Lechner (lechneve@ISCN5CG1201S7M.infineon.com)
+
+---
+
 # v0.0.45 (Wed Jan 18 2023)
 
 #### 🐛 Bug Fix

README.md

@@ -25,7 +25,7 @@
       </ul>
     </li>
     <li><a href="#usage">Usage</a></li>
-    <li><a href="#local-development">Local Development</a></li>
+    <li><a href="#local-development">Contributing</a></li>
     <li><a href="#contact">Contact</a></li>
   </ol>
 </details>
@@ -70,9 +70,9 @@ For Vue: <b>main.js</b> <br />
 For Angular: <b>main.ts</b>
 
 ```bash
-import { applyPolyfills, defineCustomElements } from "@infineon/infineon-design-system-stencil/loader";
+import { defineCustomElements } from "@infineon/infineon-design-system-stencil/loader";
 
-applyPolyfills().then(() => { defineCustomElements(window)});
+defineCustomElements(window);
 ```
 
 ##### Additional steps for Angular
@@ -110,62 +110,71 @@ node_modules -> @infineon -> design-system-bootstrap -> <b>src</b> folder
 <p align="right"><a href="#tableContent">back to top</a></p> -->
 
 <!-- USAGE EXAMPLES -->
-## Usage
+## Usage of components
 
-Explore our current components in Storybook.
+Explore our currently available web components in Storybook. You will also find the code snippets needed to include them in your application.
+
+https://infineon.github.io/infineon-design-system-stencil
 
-<!-- ADD HERE: link to storybook -->
-<!-- https://storybook-bootstrap.icp.infineon.com -->
 
 <p align="right"><a href="#tableContent">back to top</a></p>
 
-## Local Development
+## Contributing
 
 ### Installation
 
-Install all the modules and dependencies listed on the ```package.json``` file with:
-
 ```bash
-yarn install
+git clone https://github.com/Infineon/infineon-design-system-stencil.git
 ```
 
-or
+Install all the modules and dependencies listed on the ```package.json``` file with:
+
 ```bash
-npm install
+yarn/npm install
 ```
 
 ### Build Storybook
 
 To deploy Storybook, we first need to export it as a static web app.
 To do so, we can use the inbuild ```build-storybook``` command with ```npm``` or ```yarn```.
 
+For building the application for the first time (to load fonts, assets and stylesheets) run:
+
+```bash
+yarn/npm run storybook-prepare
+```
+
+To build storybook for local preview, run:
+
 ```bash
-yarn run storybook-build-watch
+yarn/npm run storybook-build
 ```
 
-or
+or (to automatically rebuild on changes)
 
 ```bash
-npm run storybook-build-watch
+yarn/npm run storybook-build-watch
 ```
 
-This will generate a static Storybook in the ```storybook-static``` directory. We add --watch so that the storybook automatically updates in case of changes.
+This will generate a static Storybook in the ```storybook-static``` directory. We can add --watch so that the storybook automatically updates in case of changes.
 
 ### Start Storybook
 
 To start storybook, simply open another terminal window and run the inbuilt command ```storybook-start``` with ```npm``` or ```yarn```.
 
 ```bash
-yarn run storybook-start
+yarn/npm run storybook-start
 ```
 
-or
+```storybook-start``` also executes ```watch-css``` and ```watch-storybook``` which automatically update storybook on code change.
+
+### Development
+
++ Create an issue with your new feature description on Github
++ Go to the issue and create a feature from it. (Naming convention: 'feature/name-of-component').
++ After the feature is ready for testing, create a pull request and request review => On each new pull request, github actions trigger the deployment to a github pages preview url as well as a canary release that can be used to include and test the new feature in another web application
 
-```bash
-npm run storybook-start
-```
 
-```storybook-start``` also executes ```watch-css``` and ```watch-storybook``` which automatically update storybook on code change.
 
 <p align="right"><a href="#tableContent">back to top</a></p>