Merge branch 'main' into 2481-migration-document-stepper

.changeset/afraid-chicken-pump.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': minor
+---
+
+Added a documentation page for the ng-bootstrap modal component.

.changeset/clever-flowers-pump.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Added a documentation page for the ng-bootstrap progressbar component.

.changeset/grumpy-pianos-dress.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Updated `form-control` and `form-select` sizes and added support for floating label small size variant.

.changeset/late-windows-hammer.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': minor
+---
+
+Added a documentation page for the ng-bootstrap dropdown component.

.changeset/modern-eggs-cheat.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Added a documentation page for the ng-bootstrap typeahead component.

.changeset/poor-ligers-cheat.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Fixed conflict between autolink anchor links and normal anchor links.

.changeset/pretty-ligers-bathe.md

@@ -0,0 +1,11 @@
+---
+'@swisspost/design-system-components-angular': major
+---
+
+We are introducing the new package `@swisspost/design-system-components-angular` 🥳, which provides a corresponding Angular component for all our web-components.
+For those working on an Angular app this means:
+
+- Instead of the package `@swisspost/design-system-components`, which provides native web components, the new package can be used.
+- The manual creation of Angular wrapper components for our previous web components in every project is no longer necessary.
+- Full support of the standard Angular schema. The use of the `CUSTOM_ELEMENTS_SCHEMA` schema is history.
+- Component properties, events, etc. can be applied to the components in the usual Angular way.

.changeset/rich-foxes-tie.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Added a documentation page for the ng-bootstrap pagination component.

.changeset/seven-seals-yell.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Added a documentation page for the ng-bootstrap timepicker component.

.changeset/stupid-keys-brush.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': minor
+---
+
+Added a getting-started docs page for the new `@swisspost/components-angular` package.

.changeset/thick-kids-worry.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Added an alert warning that the documentation is in beta, it will remain until all Design System components are documented.

.github/actions/deploy-to-netlify/action.yaml

@@ -39,6 +39,9 @@ inputs:
   folder:
     description: Path to the folder to deploy
     required: true
+  package_name:
+    description: The package that will be deployed
+    required: true
 
 runs:
   using: composite
@@ -73,17 +76,18 @@ runs:
 
     - name: Install netlify-cli
       shell: bash
-      run: pnpm i -g netlify-cli@15
+      run: pnpm i -g netlify-cli@16
 
     - name: Deploy preview environment to netlify
       id: netlify_deploy
       shell: bash
       env:
         NETLIFY_AUTH_TOKEN: ${{ inputs.netlify_auth_token }}
       # run command taken from https://gist.github.com/oneohthree/f528c7ae1e701ad990e6, shortened to 28 chars, prepended with build-number
+      # edited for netifly v16
       run: |
         url_alias=`echo "preview-${{ inputs.id }}" | iconv -t ascii//TRANSLIT | sed -E 's/[~\^]+//g' | sed -E 's/[^a-zA-Z0-9]+/-/g' | sed -E 's/^-+\|-+$//g' | sed -E 's/^-+//g' | sed -E 's/-+$//g' | tr A-Z a-z`
-        netlify deploy --alias $url_alias --build false --dir ${{ inputs.folder }} --site ${{ inputs.netlify_site_id }}
+        netlify deploy --alias $url_alias --build false --dir ${{ inputs.folder }} --site ${{ inputs.netlify_site_id }} --filter ${{inputs.package_name}}
         echo "url_alias=$url_alias" >> $GITHUB_OUTPUT
 
     - name: Prepare Comment Message

.github/workflows/deploy-demo.yaml

@@ -47,3 +47,4 @@ jobs:
           folder: ${{ steps.build.outputs.folder }}
           comment_token: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}
           comment_author: swisspost-bot
+          package_name: '@swisspost/design-system-demo'

.github/workflows/deploy-documentation.yaml

@@ -38,7 +38,8 @@ jobs:
           id: ${{ steps.build.outputs.id }}
           netlify_auth_token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
           netlify_site_id: ${{ secrets.NEXT_NETLIFY_SITE_ID }}
-          netlify_site_url: swisspost-design-system-next.netlify.app
+          netlify_site_url: next.design-system.post.ch
           folder: ${{ steps.build.outputs.folder }}
           comment_token: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}
           comment_author: swisspost-bot
+          package_name: '@swisspost/design-system-documentation'

packages/components-angular/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

packages/components-angular/.eslintrc.json

@@ -0,0 +1,40 @@
+{
+  "root": true,
+  "ignorePatterns": ["projects/**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "parserOptions": {
+        "project": ["tsconfig.json"],
+        "createDefaultProgram": true
+      },
+      "extends": [
+        "plugin:@angular-eslint/recommended",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "app",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@angular-eslint/template/recommended"],
+      "rules": {}
+    }
+  ]
+}

packages/components-angular/.gitignore

@@ -0,0 +1,43 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# Compiled output
+/dist
+/tmp
+/out-tsc
+/bazel-out
+
+# Node
+/node_modules
+npm-debug.log
+yarn-error.log
+
+# IDEs and editors
+.vscode/
+.idea/
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# Visual Studio Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Miscellaneous
+/.angular/cache
+.sass-cache/
+/connect.lock
+/coverage
+/libpeerconnection.log
+testem.log
+/typings
+
+# System files
+.DS_Store
+Thumbs.db