Merge branch 'main' into 1807-datepicker-component-set-focus-outline-…

…color-on-calendar-button
swisspost · Nov 14, 2023 · a1b5933 · a1b5933
2 parents 22d5c56 + 895bd5b
commit a1b5933
Show file tree

Hide file tree

Showing 87 changed files with 1,504 additions and 568 deletions.
diff --git a/.changeset/clean-dancers-film.md b/.changeset/clean-dancers-film.md
diff --git a/.changeset/fuzzy-forks-type.md b/.changeset/fuzzy-forks-type.md
diff --git a/.changeset/mighty-crews-thank.md b/.changeset/mighty-crews-thank.md
diff --git a/.changeset/tricky-tables-warn.md b/.changeset/tricky-tables-warn.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': minor
+---
+
+Added a documentation page for the `.container` and `.container-fluid` classes.
diff --git a/.changeset/wet-lions-fly.md b/.changeset/wet-lions-fly.md
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1 @@
+* text=auto eol=lf
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
diff --git a/.idea/prettier.xml b/.idea/prettier.xml
diff --git a/packages/components-react/CHANGELOG.md b/packages/components-react/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @swisspost/design-system-components-react
 
+## 1.0.22
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-components@1.6.2
+
 ## 1.0.21
 
 ### Patch Changes

diff --git a/packages/components-react/package.json b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components-react",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "license": "Apache-2.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,7 +19,7 @@
     "tsc": "tsc -p ."
   },
   "dependencies": {
-    "@swisspost/design-system-components": "workspace:1.6.1"
+    "@swisspost/design-system-components": "workspace:1.6.2"
   },
   "devDependencies": {
     "@types/node": "18.18.8",

diff --git a/packages/components/.eslintrc.js b/packages/components/.eslintrc.js
@@ -11,6 +11,7 @@ module.exports = {
   ],
   overrides: [],
   parser: '@typescript-eslint/parser',
+  ignorePatterns: ['.eslintrc.js'],
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module',

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @swisspost/design-system-components
 
+## 1.6.2
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-styles@6.4.4
+
 ## 1.6.1
 
 ### Patch Changes

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,12 +1,12 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "license": "Apache-2.0",
   "main": "loader/index.cjs.js",
   "module": "loader/index.js",
   "es2017": "loader/index.2017.js",
-  "types": "dist/types/components.d.ts",
+  "types": "loader/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "unpkg": "dist/post-components/post-components.esm.js",
@@ -40,7 +40,7 @@
     "@floating-ui/dom": "1.5.3",
     "@oddbird/popover-polyfill": "0.3.1",
     "@stencil/core": "4.7.0",
-    "@swisspost/design-system-styles": "workspace:6.4.3",
+    "@swisspost/design-system-styles": "workspace:6.4.4",
     "ally.js": "1.4.1",
     "long-press-event": "2.4.6"
   },

diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
@@ -1 +1,10 @@
 export { Components, JSX } from './components';
+
+// Export every single component so it gets included in the dist output
+export { PostAlert } from './components/post-alert/post-alert';
+export { PostCollapsible } from './components/post-collapsible/post-collapsible';
+export { PostIcon } from './components/post-icon/post-icon';
+export { PostTabs } from './components/post-tabs/post-tabs';
+export { PostTabHeader } from './components/post-tab-header/post-tab-header';
+export { PostTabPanel } from './components/post-tab-panel/post-tab-panel';
+export { PostTooltip } from './components/post-tooltip/post-tooltip';
diff --git a/packages/components/stencil.config.ts b/packages/components/stencil.config.ts
@@ -18,11 +18,11 @@ export const config: Config = {
       type: 'dist-custom-elements',
     },
     {
-      type: 'docs-readme',
+      type: 'www',
+      serviceWorker: null, // disable service workers,
     },
     {
-      type: 'www',
-      serviceWorker: null, // disable service workers
+      type: 'docs-readme',
     },
     {
       type: 'docs-json',

diff --git a/packages/demo/CHANGELOG.md b/packages/demo/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @swisspost/design-system-demo
 
+## 7.0.4
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-styles@6.4.4
+  - @swisspost/design-system-intranet-header@5.0.4
+
 ## 7.0.3
 
 ### Patch Changes

diff --git a/packages/demo/package.json b/packages/demo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-demo",
-  "version": "7.0.3",
+  "version": "7.0.4",
   "description": "Pattern documentation, code snippets and implementation guidelines for the Design System Styles.",
   "author": "Swiss Post <[email protected]>",
   "license": "Apache-2.0",
@@ -25,8 +25,8 @@
     "@ng-bootstrap/ng-bootstrap": "15.1.2",
     "@popperjs/core": "2.11.8",
     "@swimlane/ngx-datatable": "20.1.0",
-    "@swisspost/design-system-intranet-header": "workspace:5.0.3",
-    "@swisspost/design-system-styles": "workspace:6.4.3",
+    "@swisspost/design-system-intranet-header": "workspace:5.0.4",
+    "@swisspost/design-system-styles": "workspace:6.4.4",
     "bootstrap": "5.3.2",
     "core-js": "3.33.2",
     "highlight.js": "11.9.0",

diff --git a/packages/demo/src/app/home/home.component.html b/packages/demo/src/app/home/home.component.html
@@ -60,14 +60,81 @@ <h4 class="alert-heading">The Swiss Post Design System is now compatible with An
           rel="noopener"
           target="_blank"
         >
-          Support chanel
+          Support channel
         </a>
         in Teams.
       </p>
     </div>
+    <section>
+      <h3>Compatibility</h3>
 
-    <section class="migration-options mb-huge">
-      <div class="row">
+      <p id="compatibility-desc">List of compatible version numbers with external dependencies.</p>
+
+      <div class="row gx-5 mt-4">
+        <div class="col-md-6 col-sm-12 table-responsive">
+          <h4>Styles</h4>
+          <table aria-describedby="compatibility-desc" class="table caption-top">
+            <caption>Package @swisspost/design-system-styles</caption>
+            <thead>
+              <tr>
+                <th scope="col">Version</th>
+                <th scope="col">Bootstrap</th>
+                <th scope="col">Angular</th>
+                <th scope="col">Ng-Bootstrap</th>
+              </tr>
+            </thead>
+
+            <tbody>
+              <tr>
+                <th scope="col">5.x</th>
+                <td>5.0</td>
+                <td>14.x</td>
+                <td>13.x</td>
+              </tr>
+              <tr>
+                <th scope="col">6.2</th>
+                <td>5.2</td>
+                <td>15.x</td>
+                <td>14.x</td>
+              </tr>
+              <tr>
+                <th scope="col">6.4</th>
+                <td>5.3</td>
+                <td>16.x</td>
+                <td>15.x</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="col-md-6 col-sm-12 table-responsive">
+          <h4>Common Web Frontend</h4>
+          <table aria-describedby="compatibility-desc" class="table caption-top">
+            <caption>Package @ch-post-common/common-web-frontend</caption>
+            <thead>
+              <tr>
+                <th scope="col">Version</th>
+                <th scope="col">Bootstrap</th>
+                <th scope="col">Angular</th>
+                <th scope="col">Ng-Bootstrap</th>
+              </tr>
+            </thead>
+
+            <tbody>
+              <tr>
+                <th scope="col">4.x</th>
+                <td>4.6</td>
+                <td>12.x</td>
+                <td>9.x</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </section>
+
+    <section>
+      <h3>Setup for migration instructions</h3>
+      <div class="row migration-options mb-huge">
         <div class="col-md-6">
           <fieldset>
             <legend class="font-curve-small bold">What environment is your application for?</legend>

diff --git a/packages/demo/src/app/intranet-layout/intranet-layout.component.html b/packages/demo/src/app/intranet-layout/intranet-layout.component.html
@@ -9,25 +9,40 @@ <h2 class="bold">Installation</h2>
     <a href="https://angular.io/">Angular</a>
     component and as such, only works with Angular projects.
   </p>
-  <p id="version-support">The supported Angular versions are:</p>
-  <table aria-describedby="version-support" class="table table-sm w-auto mb-regular-r">
-    <thead>
-      <tr>
-        <th scope="col" class="pe-regular">Intranet Header</th>
-        <th scope="col">Angular</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <th scope="row">4.x</th>
-        <td>15.x</td>
-      </tr>
-      <tr>
-        <th scope="row">5.x</th>
-        <td>16.x</td>
-      </tr>
-    </tbody>
-  </table>
+  <div class="table-responsive">
+    <table class="table caption-top mb-regular-r">
+      <caption>List of compatible version numbers with external dependencies.</caption>
+      <thead>
+        <tr>
+          <th scope="col">Intranet-header</th>
+          <th scope="col">Bootstrap</th>
+          <th scope="col">Angular</th>
+          <th scope="col">Ng-Bootstrap</th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr>
+          <th scope="row">3.x</th>
+          <td>4.x</td>
+          <td>14.x</td>
+          <td>13.x</td>
+        </tr>
+        <tr>
+          <th scope="row">4.x</th>
+          <td>5.2</td>
+          <td>15.x</td>
+          <td>14.x</td>
+        </tr>
+        <tr>
+          <th scope="row">5.x</th>
+          <td>5.2</td>
+          <td>16.x</td>
+          <td>15.x</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
   <p>Install the latest version of the Intranet Header with:</p>
   <code
     class="block mb-regular-r bash"