Merge branch 'main' into dependabot/npm_and_yarn/semantic-release/github-8.1.0

Author: AnnaHoege

.dockerignore

@@ -1,7 +1,6 @@
 .DS_Store
 Thumbs.db
 node_modules/
-**/dist/
 **/build/
 
 # VS-CODE

.github/workflows/dependabot-auto-merge.yml

@@ -13,8 +13,6 @@ jobs:
       - name: Dependabot metadata
         id: metadata
         uses: dependabot/fetch-metadata@v1
-        with:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Enable auto-merge for Dependabot PRs
         if: ${{steps.metadata.outputs.update-type == 'version-update:semver-patch' || steps.dependabot.outputs.update-type == 'version-update:semver-minor'}}
         env:

ADRs/007_Table_component.md

@@ -1,6 +1,6 @@
 # 007. Table component
 
-Last update: 19.09.2022
+Last update: 29.11.2023
 
 ## Background
 
@@ -29,13 +29,14 @@ teams to slightly depend on Stencil and we would like to keep that dependency en
 the component library. 
 
 
-####2. Creating components that resemble the current html table structure 
+#### 2. Creating components that resemble the current html table structure 
 
 Advantages
 - We provide a more familiar way of using tables
 - Passing other components as children is straight forward using slots
 
 Challenges
+- We cannot make use of native table features such as col- or rowspans
 - We could not use html semantic table elements as the host web component breaks the 
   semantic structure:
 
@@ -46,18 +47,31 @@ Challenges
       <header>
       ...
 ```
+#### 3. Using components that semantically resemble the html table structure but use flexbox
+
+Advantages
+- Most table features to date can be displayed using flexbox
+- Gives the freedom to add colspans for headers and cells
+
+Challenges
+- Having a table that expands columns to fit the largest content of all cells in that column is not possible
+- Only fixed width or equal width can be achieved
+- Text truncation and overflow are harder to handle
 
 ### Decision
 
 We decided for option two as the ability to pass children components is a must-have. Hopefully if that can be solved 
 in the future we may be able to have a table-data component that encapsulates better the table.
 
+The flexbox model is only adapted for tables that require the colspan feature as not all existing features (text truncation and expansion on hover, expanding column sizes) can be realized while applying flexbox. This also saves performance as dynamic
+calculation of cell width via JavaScript could be a performance issue in larger tables. 
+
 ### Note
 We implemented the table using shadow dom for consistency and to support slots, but most of the classes are 
 declared in the host elements meaning they live still in the light-dom and can be overwritten.
 
 This was necessary because of how the elements are structured, where all children are passed in slots but are still 
-part of the light-dom. For any `dysplay` styles to work it needs to be declared in the light-dom as well.
+part of the light-dom. For any `display` styles to work it needs to be declared in the light-dom as well.
 
 ### Links
 Examples of table-data implementations (option1)

CHANGELOG.md

@@ -1,3 +1,94 @@
+# [1.9.0](https://github.com/otto-de/b2b-design-system/compare/v1.8.2...v1.9.0) (2024-02-15)
+
+
+### Bug Fixes
+
+* **Headline:** [B2BDS-255] updated lineheight to improve multiline appearance ([1c34f6e](https://github.com/otto-de/b2b-design-system/commit/1c34f6e882dc44f656e8044d84047abed1637efc))
+* **Icon:** added inheritable color for warning hint icon ([b5a547e](https://github.com/otto-de/b2b-design-system/commit/b5a547e0708f431a729c3af559cab851f49e90ce))
+* **Icon:** added inheritable color for warning hint icon ([dfebdfc](https://github.com/otto-de/b2b-design-system/commit/dfebdfcbecc4f453b2cd4a83f93b9cfacfb81139))
+* **input-list:** [BLA-626] fixes input list with text bug ([0131ef2](https://github.com/otto-de/b2b-design-system/commit/0131ef210b1acec0ac11185c21451807da48cc5d))
+* **Multiselect:** filtered select all now adds to preselection ([a965baf](https://github.com/otto-de/b2b-design-system/commit/a965baf07fa036ef076d784a5396cb02ab3346c0))
+
+
+### Features
+
+* **Button:** [B2BDS-215] width prop and pressed state for button ([995a8cc](https://github.com/otto-de/b2b-design-system/commit/995a8cc64bf51f008dfe8ee244b36bf49c80e7b9))
+* **Icon:** [B2BDS-245] changed ellipsis icon to filled in version ([27c731f](https://github.com/otto-de/b2b-design-system/commit/27c731f34a457904bcc7d86792e7061514798ae0))
+* **Icon:** added trend left and trend right icon ([f01c855](https://github.com/otto-de/b2b-design-system/commit/f01c855ba0f2b4b8e410f579d85e4efc6d684b25))
+* **Icon:** added warning-hint icon ([32c916f](https://github.com/otto-de/b2b-design-system/commit/32c916f3b8ad2eeaceadab5414541898906bd697))
+* **Icon:** added warning-hint icon ([a1823b5](https://github.com/otto-de/b2b-design-system/commit/a1823b5a7f7fa7399bb6f3f46f5e17aaf8292431))
+* **Multiselect Dropdown:** [B2BDS-219] added multiselect dropdown component ([3ab3d0a](https://github.com/otto-de/b2b-design-system/commit/3ab3d0a6619b8edae473ab975ca2aed1a6f9a133))
+* **Progress Bar:** [BLA-627] added progress bar component ([271089f](https://github.com/otto-de/b2b-design-system/commit/271089f40f8603fa9112ffa9990dcf0fca0728a6))
+* **Table:** [B2BDS-192] colspan size for cells and headers ([96df9d1](https://github.com/otto-de/b2b-design-system/commit/96df9d1513031eef3290ffe305533933cdb4c9b3))
+* **Toggle Chip:** [B2BDS-233] added toggle chip ([96bb108](https://github.com/otto-de/b2b-design-system/commit/96bb108fd2fc3592c52e20b4ab428ab99bb47a6d))
+
+# [1.9.0-beta.2](https://github.com/otto-de/b2b-design-system/compare/v1.9.0-beta.1...v1.9.0-beta.2) (2023-11-28)
+
+### Bug Fixes
+
+* **Icon:** added inheritable color for warning hint icon ([dfebdfc](https://github.com/otto-de/b2b-design-system/commit/dfebdfcbecc4f453b2cd4a83f93b9cfacfb81139))
+
+# [1.9.0-beta.1](https://github.com/otto-de/b2b-design-system/compare/v1.8.1...v1.9.0-beta.1) (2023-11-27)
+
+
+### Features
+
+* **Icon:** added warning-hint icon ([a1823b5](https://github.com/otto-de/b2b-design-system/commit/a1823b5a7f7fa7399bb6f3f46f5e17aaf8292431))
+
+## [1.8.2](https://github.com/otto-de/b2b-design-system/compare/v1.8.1...v1.8.2) (2023-12-01)
+
+### Bug Fixes
+
+* **Anchor:** [B2BDS-237] added forced stacking context to avoid host element hiding anchor ([35d235c](https://github.com/otto-de/b2b-design-system/commit/35d235cce239afbac761db403669a77dcea289ba))
+
+
+## [1.8.1](https://github.com/otto-de/b2b-design-system/compare/v1.8.0...v1.8.1) (2023-11-22)
+
+
+### Bug Fixes
+
+* **Chip:** fixed hover state for closeable chip ([e904bb0](https://github.com/otto-de/b2b-design-system/commit/e904bb01b101844a387f3c9bd5df844f8a60bb9b))
+
+# [1.8.0](https://github.com/otto-de/b2b-design-system/compare/v1.7.0...v1.8.0) (2023-11-22)
+
+
+### Bug Fixes
+
+* **alert:** [B2BDS-218] Align error icon on the top for long text ([610ec59](https://github.com/otto-de/b2b-design-system/commit/610ec59121b50936ca228cfc4ff06373a92c5b76))
+* updated docker ignore to not include dist ([b74cb8d](https://github.com/otto-de/b2b-design-system/commit/b74cb8d86535fa5a4415005f6d79d7e1b57d8c7f))
+
+
+### Features
+
+* **Icon:** [B2BDS-223] added carrier logos ([7e769af](https://github.com/otto-de/b2b-design-system/commit/7e769af261f691bacb19e26f5800c32f223c1fce))
+
+# [1.7.0](https://github.com/otto-de/b2b-design-system/compare/v1.6.1...v1.7.0) (2023-10-26)
+
+
+### Breaking changes
+
+* **Vue Setup:** `defineCustomElements` must now be imported from `@otto-de/b2b-core-components/dist/loader` 
+
+
+
+### Bug Fixes
+
+* [B2BDS-211] Apply disabled style for a button with href ([2bd2aba](https://github.com/otto-de/b2b-design-system/commit/2bd2abaa58bba73ccd6832e98d45ca72cad76ce2))
+* **Dropdown:** [B2BDS-222] moved dropdown out of shadow dom to prevent async data issues ([9c4d435](https://github.com/otto-de/b2b-design-system/commit/9c4d43583a9a3bfac4f1a61909926ef674f82b6f))
+* **Tab Group:** [B2BDS-225] removed error in tab group when router is used ([9194ced](https://github.com/otto-de/b2b-design-system/commit/9194cedb7bc7bf9f50676ce1d9d62889f0bff796))
+* **table:** [B2BDS-213] Vertically align checkbox in selectable rows ([05c7001](https://github.com/otto-de/b2b-design-system/commit/05c7001cce09364769ec4abc9dfc12f3d093153a))
+
+
+### Features
+
+* **breadcrumb:** add breadcrumb component from [#80](https://github.com/otto-de/b2b-design-system/issues/80) ([cd03882](https://github.com/otto-de/b2b-design-system/commit/cd03882ff4b79121fba7d142e461222eda309add))
+* **breadcrumb:** add breadcrumb component from [#80](https://github.com/otto-de/b2b-design-system/issues/80) ([b1217c2](https://github.com/otto-de/b2b-design-system/commit/b1217c278faf45110959bd089968278ffae124e7))
+* **Breadcrumb:** added active state ([8796d99](https://github.com/otto-de/b2b-design-system/commit/8796d992effc97813b4307af5c9ef82f2fa036f6))
+* **Breadcrumb:** added breadcrumb component ([bc9a2d0](https://github.com/otto-de/b2b-design-system/commit/bc9a2d0653f0a91be85272787fb0140f2384030a))
+* **core:** [B2BDS-208] Add chip component ([8ee9700](https://github.com/otto-de/b2b-design-system/commit/8ee970086f6873fb4d3b4e90365680232c569c26))
+* **core:** [B2BDS-208] Fix chip without icon story ([23cbf61](https://github.com/otto-de/b2b-design-system/commit/23cbf6166a0414aa016020163ba625f505184fbd))
+* **table:** [B2BDS-195] Add alignments to table header with sorting ([40450f2](https://github.com/otto-de/b2b-design-system/commit/40450f21c002c48e97ffd5550c8e8019fbb84d8e))
+
 ## [1.6.1](https://github.com/otto-de/b2b-design-system/compare/v1.6.0...v1.6.1) (2023-08-22)