diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index da6c5c25a..907cc9c5e 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -20,7 +20,7 @@ jobs: - name: ⎔ Setup node uses: actions/setup-node@v5 with: - node-version: 16 + node-version: 22 - name: 📥 Download dependencies run: npm ci diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 39629abd4..44babc391 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -16,7 +16,7 @@ jobs: - uses: actions/setup-node@v5 with: - node-version: 16 + node-version: 22 registry-url: https://registry.npmjs.org/ cache: npm @@ -36,7 +36,7 @@ jobs: - uses: actions/setup-node@v5 with: - node-version: 16 + node-version: 22 registry-url: 'https://npm.pkg.github.com' cache: npm scope: '@tradeshift' diff --git a/CHANGELOG.md b/CHANGELOG.md index 1a2b673d6..e84b87614 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,22 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +### Bug Fixes + +- add perPageOptions property for customizable items per page ([f5a3e06](https://github.com/Tradeshift/elements/commit/f5a3e06d011043d99c34e0ef9ceaed6abe8dcc6d)) +- **build:** decommission dependency-auto-update workflow(SRE-4172) ([a6244d3](https://github.com/Tradeshift/elements/commit/a6244d32bf8321a5d3c50248e1e0caf5c9cba8d5)) +- **deps:** update dependency lit-element to ^2.5.1 ([#560](https://github.com/Tradeshift/elements/issues/560)) ([674959f](https://github.com/Tradeshift/elements/commit/674959fec02fe9d3e1de12574f6f23ed076e5ff6)) +- **deps:** update dependency lit-element to ^4.0.5 ([66fcf1b](https://github.com/Tradeshift/elements/commit/66fcf1bb7c64b15216d580fd47aad47701725c12)) +- **deps:** update dependency lit-element to ^4.0.6 ([927df09](https://github.com/Tradeshift/elements/commit/927df095c0d9629f16f674d356c0b8850635c916)) +- **deps:** update dependency lit-element to ^4.1.0 ([59c917c](https://github.com/Tradeshift/elements/commit/59c917ca46b24e98d38ceee21c3072f44b692dba)) +- **deps:** update dependency lit-element to ^4.2.0 ([62d3590](https://github.com/Tradeshift/elements/commit/62d359039980108dc82992edb4878c979f3c16b4)) +- **deps:** update dependency lit-element to ^4.2.1 ([f6aae99](https://github.com/Tradeshift/elements/commit/f6aae99671d3887abbba04d565b7e27e1fe97a8c)) +- **deps:** update dependency lit-element to ^4.2.2 ([34aca09](https://github.com/Tradeshift/elements/commit/34aca0942f4682f4da9724b46edade994783f184)) +- **deps:** update dependency lit-element to v4 ([#591](https://github.com/Tradeshift/elements/issues/591)) ([681aaad](https://github.com/Tradeshift/elements/commit/681aaad7692f6841d45f04582917491daf890612)) +- update module imports to support default exports ([1825ab1](https://github.com/Tradeshift/elements/commit/1825ab1130d05e8b6efdb0ea8ac656dfa21e53fa)) + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/index.html b/index.html index 09a93bba0..63997cb2f 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + diff --git a/lerna.json b/lerna.json index 63aae00ba..cd312f4a4 100644 --- a/lerna.json +++ b/lerna.json @@ -8,5 +8,5 @@ "message": "chore(release): %s" } }, - "version": "0.40.2" + "version": "0.40.3" } diff --git a/packages/components/action-select/CHANGELOG.md b/packages/components/action-select/CHANGELOG.md index 47756a122..357f14e70 100644 --- a/packages/components/action-select/CHANGELOG.md +++ b/packages/components/action-select/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.action-select + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.action-select diff --git a/packages/components/action-select/README.md b/packages/components/action-select/README.md index e1ceae3e2..df826dfa1 100644 --- a/packages/components/action-select/README.md +++ b/packages/components/action-select/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr'. | | disabled | disabled | Boolean | false | Is component disabled or not. | | opened | opened | Boolean | false | Is the action select opened or not | @@ -40,13 +40,13 @@ ## ➤ Slots | Name | Description | -| ------- | --------------------------------------------------------------------------------------------------- | +| :------ | :-------------------------------------------------------------------------------------------------- | | default | Element in this slot becomes the anchor for the action menu. When empty, it will render a menu icon | ## ➤ Events | Name | Description | Payload | -| ------------------- | ----------------------------------- | ------------ | +| :------------------ | :---------------------------------- | :----------- | | action-select-click | Emitted when user clicks on an item | { selected } | ## ➤ How to use it diff --git a/packages/components/action-select/package.json b/packages/components/action-select/package.json index b1b31bc94..8be9f4687 100644 --- a/packages/components/action-select/package.json +++ b/packages/components/action-select/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.action-select", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,11 +15,11 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.overlay": "^0.40.2", - "@tradeshift/elements.select-menu": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.overlay": "^0.40.3", + "@tradeshift/elements.select-menu": "^0.40.3" }, "src": "src/action-select.js" } diff --git a/packages/components/app-icon/CHANGELOG.md b/packages/components/app-icon/CHANGELOG.md index 54a4285be..46aa5ce4a 100644 --- a/packages/components/app-icon/CHANGELOG.md +++ b/packages/components/app-icon/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.app-icon + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.app-icon diff --git a/packages/components/app-icon/README.md b/packages/components/app-icon/README.md index a606fd95c..2862f3fcd 100644 --- a/packages/components/app-icon/README.md +++ b/packages/components/app-icon/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | --------- | ------ | ------- | -------------------------------------------------------------- | +| :------- | :-------- | :----- | :------ | :------------------------------------------------------------- | | size | size | String | | Size of the app icon, available variants: ''(default), 'large' | | src | src | String | | Specifies the URL of an image | | alt | alt | String | | Specifies an alternate text for an image | diff --git a/packages/components/app-icon/package.json b/packages/components/app-icon/package.json index 1b8c43b0b..dec1d8f00 100644 --- a/packages/components/app-icon/package.json +++ b/packages/components/app-icon/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.app-icon", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/app-icon.js" } diff --git a/packages/components/aside/CHANGELOG.md b/packages/components/aside/CHANGELOG.md index eb63403dc..94a47a199 100644 --- a/packages/components/aside/CHANGELOG.md +++ b/packages/components/aside/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.aside + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.aside diff --git a/packages/components/aside/README.md b/packages/components/aside/README.md index 9e9d11853..0418b843f 100644 --- a/packages/components/aside/README.md +++ b/packages/components/aside/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr' | | title | data-title | String | '' | Aside header title | | visible | data-visible | Boolean | false | Show/hide aside | @@ -43,7 +43,7 @@ ## ➤ Slots | Name | Description | -| --- | --- | +| :-- | :-- | | note | Use this slot name on the \`ts-note\` in the aside | | platform-object | The section between aside header and content that platform object should be shown with different background color | | main | Main content of the aside that doesn't fit into any other available slots | @@ -52,7 +52,7 @@ ## ➤ Events | Name | Description | Payload | -| ------ | -------------------------------------------- | ------- | +| :----- | :------------------------------------------- | :------ | | open | Emitted when the aside is about to be opened | | | close | Emitted when the aside is about to be closed | | | opened | Emitted when the aside has been opened | | diff --git a/packages/components/aside/package.json b/packages/components/aside/package.json index 4a3cc1c65..bc26576e9 100644 --- a/packages/components/aside/package.json +++ b/packages/components/aside/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.aside", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,11 +15,11 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2", - "@tradeshift/elements.cover": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.spinner": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3", + "@tradeshift/elements.cover": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.spinner": "^0.40.3" }, "src": "src/aside.js" } diff --git a/packages/components/aside/src/aside.css b/packages/components/aside/src/aside.css index e7ada0322..7795ffc07 100644 --- a/packages/components/aside/src/aside.css +++ b/packages/components/aside/src/aside.css @@ -125,7 +125,9 @@ .ts-slide-out-left { visibility: hidden; opacity: 0; - transition: visibility 0s var(--ts-transition-fast), opacity var(--ts-transition-fast) linear; + transition: + visibility 0s var(--ts-transition-fast), + opacity var(--ts-transition-fast) linear; } .ts-slide-out-right { diff --git a/packages/components/basic-table/CHANGELOG.md b/packages/components/basic-table/CHANGELOG.md index 6df75db77..550bc14b0 100644 --- a/packages/components/basic-table/CHANGELOG.md +++ b/packages/components/basic-table/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.basic-table + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.basic-table diff --git a/packages/components/basic-table/README.md b/packages/components/basic-table/README.md index 72712f221..b100cbe89 100644 --- a/packages/components/basic-table/README.md +++ b/packages/components/basic-table/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr' | | cols | cols | Array | [] |
List of columns configs, including:
- property: Property key of the column in data object,
- value: value of the title of column',
- visibility?: Which screen sizes this column should be visible -> 'always-visible'(default) or 'desktop-only' or 'mobile-only',
- size?: 'small' or 'medium' or 'large',
- display?: 'left' or 'right' or 'center',
- renderer?: you can pass a renderer function to customize the content of the cells in this column, args: (cellValue, rowObject)
| | selectedIds | selectedIds | Array | [] | List of selected rows ids (caveat: the row should include id property) | @@ -40,7 +40,7 @@ ## ➤ Events | Name | Description | Payload | -| --------- | -------------------------- | ------- | +| :-------- | :------------------------- | :------ | | row-click | Emitted on table row click | { row } | ## ➤ How to use it diff --git a/packages/components/basic-table/package.json b/packages/components/basic-table/package.json index 0d3b41b87..6fcc23575 100644 --- a/packages/components/basic-table/package.json +++ b/packages/components/basic-table/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.basic-table", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,9 +15,9 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.document-card": "^0.40.2", - "@tradeshift/elements.status": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.document-card": "^0.40.3", + "@tradeshift/elements.status": "^0.40.3" }, "src": "src/basic-table.js" } diff --git a/packages/components/basic-table/src/basic-table.js b/packages/components/basic-table/src/basic-table.js index 124f5b35c..4f6dd3419 100644 --- a/packages/components/basic-table/src/basic-table.js +++ b/packages/components/basic-table/src/basic-table.js @@ -106,12 +106,11 @@ export class TSBasicTable extends TSElement { tableRow(row) { return this.cols.map( - column => - html` - - ${this.renderTableCell(row[column.property], column, row)} - - ` + column => html` + + ${this.renderTableCell(row[column.property], column, row)} + + ` ); } diff --git a/packages/components/board/CHANGELOG.md b/packages/components/board/CHANGELOG.md index 11c95ea51..e7da2c5dd 100644 --- a/packages/components/board/CHANGELOG.md +++ b/packages/components/board/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.board + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.board diff --git a/packages/components/board/README.md b/packages/components/board/README.md index d2302a7c9..1a041e755 100644 --- a/packages/components/board/README.md +++ b/packages/components/board/README.md @@ -31,14 +31,14 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | ---------- | ------ | ------- | ----------------------------------------- | +| :------- | :--------- | :----- | :------ | :---------------------------------------- | | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr' | | title | data-title | String | | Board header title | ## ➤ Slots | Name | Description | -| --- | --- | +| :-- | :-- | | header-actions | To add action items like buttons and action-select to the header (opposite side of the title).For having header-actions, it is required for the board to have a title. | | default | Content of the board should be wrapped around \`ts-board\` element | diff --git a/packages/components/board/package.json b/packages/components/board/package.json index e8ed9fd7c..a32d3964a 100644 --- a/packages/components/board/package.json +++ b/packages/components/board/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.board", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,9 +15,9 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.action-select": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.action-select": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3" }, "src": "src/board.js" } diff --git a/packages/components/button-group/CHANGELOG.md b/packages/components/button-group/CHANGELOG.md index ce87f8378..df4ba96b3 100644 --- a/packages/components/button-group/CHANGELOG.md +++ b/packages/components/button-group/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.button-group + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.button-group diff --git a/packages/components/button-group/README.md b/packages/components/button-group/README.md index 7cf688b63..2081e0e5d 100644 --- a/packages/components/button-group/README.md +++ b/packages/components/button-group/README.md @@ -31,14 +31,14 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr' | | inline | inline | Boolean | false | Make the buttons inline instead of stacking which is the default behaviour | ## ➤ Slots | Name | Description | -| --- | --- | +| :-- | :-- | | default | All \`ts-button\` elements in the group should be wrapped with \`ts-button-group\` element to be grouped together | ## ➤ How to use it diff --git a/packages/components/button-group/package.json b/packages/components/button-group/package.json index e9ba82a06..4119b63d8 100644 --- a/packages/components/button-group/package.json +++ b/packages/components/button-group/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.button-group", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,8 +15,8 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3" }, "src": "src/button-group.js" } diff --git a/packages/components/button/CHANGELOG.md b/packages/components/button/CHANGELOG.md index ac37b40aa..edd6cea91 100644 --- a/packages/components/button/CHANGELOG.md +++ b/packages/components/button/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.button + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.button diff --git a/packages/components/button/README.md b/packages/components/button/README.md index c849f5cb5..9ac08fd8e 100644 --- a/packages/components/button/README.md +++ b/packages/components/button/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | type | type | String | | Button type to have different style `primary`, `secondary`, `text`, `accept`, `warning`, `danger` | | size | size | String | | Size of the button, `macro`, `micro` | | busy | busy | Boolean | false | Show busy/loading animation | @@ -47,13 +47,13 @@ ## ➤ Slots | Name | Description | -| ------- | ----------------------------------------------------------------- | +| :------ | :---------------------------------------------------------------- | | default | Text of the button should be wrapped around \`ts-button\` element | ## ➤ Events | Name | Description | -| ------------ | ----------- | +| :----------- | :---------- | | button-click | | ## ➤ How to use it diff --git a/packages/components/button/package.json b/packages/components/button/package.json index f4dd119ec..7d63a0eaf 100644 --- a/packages/components/button/package.json +++ b/packages/components/button/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.button", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,8 +15,8 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3" }, "src": "src/button.js" } diff --git a/packages/components/card/CHANGELOG.md b/packages/components/card/CHANGELOG.md index efdd5805c..59cbca443 100644 --- a/packages/components/card/CHANGELOG.md +++ b/packages/components/card/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.card + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.card diff --git a/packages/components/card/README.md b/packages/components/card/README.md index 08f9bf2c8..c386ea660 100644 --- a/packages/components/card/README.md +++ b/packages/components/card/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| ------------------- | --------------------- | ------- | --------------------- | ----------- | +| :------------------ | :-------------------- | :------ | :-------------------- | :---------- | | type | type | String | '' | | | orientation | orientation | String | orientations.VERTICAL | | | rtl | rtl | Boolean | false | | @@ -43,7 +43,7 @@ ## ➤ Slots | Name | Description | -| ------- | ----------- | +| :------ | :---------- | | default | | ## ➤ How to use it diff --git a/packages/components/card/package.json b/packages/components/card/package.json index 0ce7968f8..8fa83d2f5 100644 --- a/packages/components/card/package.json +++ b/packages/components/card/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.card", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/card.js" } diff --git a/packages/components/card/src/card.css b/packages/components/card/src/card.css index 132ce3075..8b4bc49a3 100644 --- a/packages/components/card/src/card.css +++ b/packages/components/card/src/card.css @@ -12,7 +12,9 @@ overflow: hidden; padding: var(--ts-unit-half); background-color: var(--ts-color-white); - transition: box-shadow var(--ts-transition-now), border-color var(--ts-transition-now); + transition: + box-shadow var(--ts-transition-now), + border-color var(--ts-transition-now); &:hover { box-shadow: var(--ts-boxshadow-border-hover); @@ -44,7 +46,9 @@ box-shadow: var(--ts-boxshadow-border-error); &:hover { - box-shadow: var(--ts-boxshadow-border-error), 0 0 0 1px var(--ts-color-red-lighter); + box-shadow: + var(--ts-boxshadow-border-error), + 0 0 0 1px var(--ts-color-red-lighter); } } @@ -52,7 +56,9 @@ box-shadow: var(--ts-boxshadow-border-success); &:hover { - box-shadow: var(--ts-boxshadow-border-success), 0 0 0 1px var(--ts-color-green-lighter); + box-shadow: + var(--ts-boxshadow-border-success), + 0 0 0 1px var(--ts-color-green-lighter); } } diff --git a/packages/components/checkbox/CHANGELOG.md b/packages/components/checkbox/CHANGELOG.md index f3eae277b..9dc4d40c4 100644 --- a/packages/components/checkbox/CHANGELOG.md +++ b/packages/components/checkbox/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.checkbox + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.checkbox diff --git a/packages/components/checkbox/README.md b/packages/components/checkbox/README.md index 6e16878ff..401fe1659 100644 --- a/packages/components/checkbox/README.md +++ b/packages/components/checkbox/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | name | name | String | '' | Name of checkbox | | value | value | String | | Value of checkbox | | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr' | @@ -43,7 +43,7 @@ ## ➤ Slots | Name | Description | -| ------- | ---------------------------------------------------------------------------------------------- | +| :------ | :--------------------------------------------------------------------------------------------- | | default | To customized checkbox label (links, ...). Remember you need to remove 'data-label' attribute. | ## ➤ How to use it diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json index d3e6bbf75..bcc625ac0 100644 --- a/packages/components/checkbox/package.json +++ b/packages/components/checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.checkbox", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/checkbox.js" } diff --git a/packages/components/checkbox/src/checkbox.js b/packages/components/checkbox/src/checkbox.js index b99815100..c937f1797 100644 --- a/packages/components/checkbox/src/checkbox.js +++ b/packages/components/checkbox/src/checkbox.js @@ -57,7 +57,7 @@ export class TSCheckbox extends TSElement { : html` - `} + `} `; } diff --git a/packages/components/confirmation-prompt/CHANGELOG.md b/packages/components/confirmation-prompt/CHANGELOG.md index e16f84432..62a58477d 100644 --- a/packages/components/confirmation-prompt/CHANGELOG.md +++ b/packages/components/confirmation-prompt/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.confirmation-prompt + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.confirmation-prompt diff --git a/packages/components/confirmation-prompt/README.md b/packages/components/confirmation-prompt/README.md index 71782f15b..aa6568310 100644 --- a/packages/components/confirmation-prompt/README.md +++ b/packages/components/confirmation-prompt/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | visible | data-visible | Boolean | false | Dialog can be toggled by add/removing this attribute | | header | data-header | String | | Header of the modal | | title | data-title | String | | Title on top of the text part | @@ -47,14 +47,14 @@ ## ➤ Slots | Name | Description | -| --- | --- | +| :-- | :-- | | title | If in rare cases you need to have more complex title than text property, you can override the title by using this slot | | content | If in rare cases you need to have more complex content than text property, you can override the text by using this slot | ## ➤ Events | Name | Description | Payload | -| --- | --- | --- | +| :-- | :-- | :-- | | accept | Emitted when the user choose the accept option | | | cancel | Emitted when the user choose the cancel option | | | close | Emitted when the user dismiss the modal, includes cancel button click, close button click, backdrop cover click | | diff --git a/packages/components/confirmation-prompt/package.json b/packages/components/confirmation-prompt/package.json index c1b206705..4cdfc1f15 100644 --- a/packages/components/confirmation-prompt/package.json +++ b/packages/components/confirmation-prompt/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.confirmation-prompt", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,10 +15,10 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2", - "@tradeshift/elements.modal": "^0.40.2", - "@tradeshift/elements.text-field": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3", + "@tradeshift/elements.modal": "^0.40.3", + "@tradeshift/elements.text-field": "^0.40.3" }, "src": "src/confirmation-prompt.js" } diff --git a/packages/components/cover/CHANGELOG.md b/packages/components/cover/CHANGELOG.md index d1405019c..94798690e 100644 --- a/packages/components/cover/CHANGELOG.md +++ b/packages/components/cover/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.cover + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.cover diff --git a/packages/components/cover/README.md b/packages/components/cover/README.md index c25b3078b..03faa31fb 100644 --- a/packages/components/cover/README.md +++ b/packages/components/cover/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | ------------ | ------- | ------- | ----------- | +| :------- | :----------- | :------ | :------ | :---------- | | visible | data-visible | Boolean | false | | ## ➤ How to use it diff --git a/packages/components/cover/package.json b/packages/components/cover/package.json index e76cc8221..02d85db98 100644 --- a/packages/components/cover/package.json +++ b/packages/components/cover/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.cover", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/cover.js" } diff --git a/packages/components/cover/src/cover.css b/packages/components/cover/src/cover.css index f467f17b9..a94130226 100644 --- a/packages/components/cover/src/cover.css +++ b/packages/components/cover/src/cover.css @@ -16,13 +16,17 @@ .ts-fadeIn { visibility: visible; opacity: 0.8; - transition: visibility var(--ts-transition-now) linear var(--ts-transition-now), opacity var(--ts-transition-fast); + transition: + visibility var(--ts-transition-now) linear var(--ts-transition-now), + opacity var(--ts-transition-fast); } .ts-fadeOut { visibility: hidden; opacity: 0; - transition: visibility var(--ts-transition-now) linear var(--ts-transition-fast), opacity var(--ts-transition-fast); + transition: + visibility var(--ts-transition-now) linear var(--ts-transition-fast), + opacity var(--ts-transition-fast); } :host(.ts-aside-cover) { diff --git a/packages/components/date-picker-overlay/CHANGELOG.md b/packages/components/date-picker-overlay/CHANGELOG.md index db1067fbe..df12e530d 100644 --- a/packages/components/date-picker-overlay/CHANGELOG.md +++ b/packages/components/date-picker-overlay/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.date-picker-overlay + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/date-picker-overlay/README.md b/packages/components/date-picker-overlay/README.md index 915c2b51d..6d2e2a9d2 100644 --- a/packages/components/date-picker-overlay/README.md +++ b/packages/components/date-picker-overlay/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| ----------------- | ----------------- | -------- | ------- | ----------- | +| :---------------- | :---------------- | :------- | :------ | :---------- | | dir | dir | String | ltr | | | translations | translations | Object | | | | firstDay | firstDay | Number | | | @@ -43,7 +43,7 @@ ## ➤ Events | Name | Description | -| -------------------- | ----------- | +| :------------------- | :---------- | | selected-date-change | | ## ➤ How to use it diff --git a/packages/components/date-picker-overlay/package.json b/packages/components/date-picker-overlay/package.json index 681fb2cb8..b04958460 100644 --- a/packages/components/date-picker-overlay/package.json +++ b/packages/components/date-picker-overlay/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.date-picker-overlay", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,9 +15,9 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3" }, "publishConfig": { "access": "public" diff --git a/packages/components/date-picker-overlay/src/date-picker-overlay.js b/packages/components/date-picker-overlay/src/date-picker-overlay.js index 2b21f4d69..fb2f9e4c4 100644 --- a/packages/components/date-picker-overlay/src/date-picker-overlay.js +++ b/packages/components/date-picker-overlay/src/date-picker-overlay.js @@ -160,9 +160,7 @@ export class TSDatePickerOverlay extends TSElement { for (let i = 0; i < this.firstDay; i++) { weekDays.push(weekDays.shift()); } - return html`${weekDays.map( - day => html`${this.translations.daysAbbreviations[day]}` - )}`; + return html`${weekDays.map(day => html`${this.translations.daysAbbreviations[day]}`)}`; } render() { diff --git a/packages/components/date-picker/CHANGELOG.md b/packages/components/date-picker/CHANGELOG.md index 0401edc66..292492831 100644 --- a/packages/components/date-picker/CHANGELOG.md +++ b/packages/components/date-picker/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.date-picker + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/date-picker/README.md b/packages/components/date-picker/README.md index 0b4d7a657..3843008c4 100644 --- a/packages/components/date-picker/README.md +++ b/packages/components/date-picker/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | translations | translations | Object | | Can be used for customizing placeholder, days abbreviations, months abbreviations and providing translations for them
see the structure in its storybook knobs section.
| | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr'. | | selectedDate | selected-date | String | | For setting the date of the date picker you can use this prop/attribute. It will get update after the user changes the date. | @@ -57,7 +57,7 @@ ## ➤ Events | Name | Description | Payload | -| ----------- | ----------------------------------- | -------------- | +| :---------- | :---------------------------------- | :------------- | | date-select | Emitted when user select a new date | {selectedDate} | ## ➤ How to use it diff --git a/packages/components/date-picker/package.json b/packages/components/date-picker/package.json index 39a50205c..83ce8370f 100644 --- a/packages/components/date-picker/package.json +++ b/packages/components/date-picker/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.date-picker", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,11 +15,11 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.date-picker-overlay": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.overlay": "^0.40.2", - "@tradeshift/elements.text-field": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.date-picker-overlay": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.overlay": "^0.40.3", + "@tradeshift/elements.text-field": "^0.40.3" }, "publishConfig": { "access": "public" diff --git a/packages/components/date-picker/src/date-picker.js b/packages/components/date-picker/src/date-picker.js index 43b505f34..2ae952673 100644 --- a/packages/components/date-picker/src/date-picker.js +++ b/packages/components/date-picker/src/date-picker.js @@ -295,7 +295,7 @@ export class TSDatePicker extends TSElement { @selected-date-change=${this.onSelectedDateChange} > - ` + ` : ''} `; diff --git a/packages/components/dialog/CHANGELOG.md b/packages/components/dialog/CHANGELOG.md index 0406032e8..3a2ccf15a 100644 --- a/packages/components/dialog/CHANGELOG.md +++ b/packages/components/dialog/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.dialog + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.dialog diff --git a/packages/components/dialog/README.md b/packages/components/dialog/README.md index 9786b81c7..91463b69c 100644 --- a/packages/components/dialog/README.md +++ b/packages/components/dialog/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | visible | data-visible | Boolean | false | Dialog can be toggled by adding/removing this attribute | | text | text | String | | Text content of the modal | | icon | icon | String | | If you need a different icon that default ones, you can use one of Elements icon names. Notifications will ignore this | @@ -46,14 +46,14 @@ ## ➤ Slots | Name | Description | -| --- | --- | +| :-- | :-- | | content | If in rare cases you need to have more complex content than text property, you can override the text by using this slot | | extra-buttons | To add more options to the dialog (notifications will ignore extra buttons), between accept and cancel buttons | ## ➤ Events | Name | Description | Payload | -| ------ | ---------------------------------------------- | ------- | +| :----- | :--------------------------------------------- | :------ | | accept | Emitted when the user choose the accept option | | | cancel | Emitted when the user choose the cancel option | | diff --git a/packages/components/dialog/package.json b/packages/components/dialog/package.json index 0d8ba390a..84a2e6427 100644 --- a/packages/components/dialog/package.json +++ b/packages/components/dialog/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.dialog", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,12 +15,12 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2", - "@tradeshift/elements.button-group": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.modal": "^0.40.2", - "@tradeshift/elements.typography": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3", + "@tradeshift/elements.button-group": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.modal": "^0.40.3", + "@tradeshift/elements.typography": "^0.40.3" }, "src": "src/dialog.js" } diff --git a/packages/components/document-card/CHANGELOG.md b/packages/components/document-card/CHANGELOG.md index 7d896f6ba..fed44e87e 100644 --- a/packages/components/document-card/CHANGELOG.md +++ b/packages/components/document-card/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.document-card + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.document-card diff --git a/packages/components/document-card/README.md b/packages/components/document-card/README.md index d61bf70b3..6932a40b9 100644 --- a/packages/components/document-card/README.md +++ b/packages/components/document-card/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| ----------------- | ------------------ | ------- | ------- | ----------- | +| :---------------- | :----------------- | :------ | :------ | :---------- | | dir | dir | String | ltr | | | name | name | String | '' | | | description | description | String | '' | | diff --git a/packages/components/document-card/package.json b/packages/components/document-card/package.json index bcf406811..10c8b6427 100644 --- a/packages/components/document-card/package.json +++ b/packages/components/document-card/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.document-card", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/document-card.js" } diff --git a/packages/components/file-card/CHANGELOG.md b/packages/components/file-card/CHANGELOG.md index 69d5c5f1d..52e666c70 100644 --- a/packages/components/file-card/CHANGELOG.md +++ b/packages/components/file-card/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.file-card + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.file-card diff --git a/packages/components/file-card/README.md b/packages/components/file-card/README.md index d16efc41b..232aa9dd1 100644 --- a/packages/components/file-card/README.md +++ b/packages/components/file-card/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | state | state | String | states.UPLOADING | type/state of the file card: 'download', 'failed', 'uploading' | | fileObject | file-object | Object | | File data object, {name, size, ...} | | rtl | rtl | Boolean | false | | @@ -42,14 +42,14 @@ ## ➤ Slots | Name | Description | -| -------------------- | ---------------------------------------- | +| :------------------- | :--------------------------------------- | | remove-action-text | To customize the remove action message | | download-action-text | To customize the download action message | ## ➤ Events | Name | Description | Payload | -| ------ | ------------------------------------------ | -------- | +| :----- | :----------------------------------------- | :------- | | remove | Emitted when user clicks the remove action | { file } | ## ➤ How to use it diff --git a/packages/components/file-card/package.json b/packages/components/file-card/package.json index 475248f19..07b6ad880 100644 --- a/packages/components/file-card/package.json +++ b/packages/components/file-card/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.file-card", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,12 +15,12 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.card": "^0.40.2", - "@tradeshift/elements.file-size": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.progress-bar": "^0.40.2", - "@tradeshift/elements.typography": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.card": "^0.40.3", + "@tradeshift/elements.file-size": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.progress-bar": "^0.40.3", + "@tradeshift/elements.typography": "^0.40.3" }, "src": "src/file-card.js" } diff --git a/packages/components/file-size/CHANGELOG.md b/packages/components/file-size/CHANGELOG.md index 285a4fade..d91a7227c 100644 --- a/packages/components/file-size/CHANGELOG.md +++ b/packages/components/file-size/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.file-size + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/file-size/README.md b/packages/components/file-size/README.md index 8af20bffa..1e1520542 100644 --- a/packages/components/file-size/README.md +++ b/packages/components/file-size/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| ------------ | ------------- | ------ | ---------- | --------------------------------------- | +| :----------- | :------------ | :----- | :--------- | :-------------------------------------- | | size | size | Number | 0 | Size of the file | | decimalPoint | decimal-point | Number | 2 | How many decimal points should be shown | | variant | variant | String | 'subtitle' | Typography variant | diff --git a/packages/components/file-size/package.json b/packages/components/file-size/package.json index 3c9608c92..033c74384 100644 --- a/packages/components/file-size/package.json +++ b/packages/components/file-size/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.file-size", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,8 +15,8 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.typography": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.typography": "^0.40.3" }, "src": "src/file-size.js" } diff --git a/packages/components/file-uploader-input/CHANGELOG.md b/packages/components/file-uploader-input/CHANGELOG.md index 7412d332f..934ef6ade 100644 --- a/packages/components/file-uploader-input/CHANGELOG.md +++ b/packages/components/file-uploader-input/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.file-uploader-input + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/file-uploader-input/README.md b/packages/components/file-uploader-input/README.md index 8752fa8f9..ae6a9fe27 100644 --- a/packages/components/file-uploader-input/README.md +++ b/packages/components/file-uploader-input/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | rtl | rtl | Boolean | false | | | disabled | disabled | Boolean | false | Disable the input | | multiple | multiple | Boolean | false | Allow multiple file select. | @@ -48,14 +48,14 @@ ## ➤ Slots | Name | Description | -| ---------------- | ------------------------------ | +| :--------------- | :----------------------------- | | placeholder-text | Customize the placeholder text | | button-text | Customize the button text | ## ➤ Events | Name | Description | Payload | -| ------ | ------------------------- | ------------------------ | +| :----- | :------------------------ | :----------------------- | | change | Emitted on file(s) upload | { originalEvent, files } | ## ➤ How to use it diff --git a/packages/components/file-uploader-input/package.json b/packages/components/file-uploader-input/package.json index c3d64d64b..8060f99bb 100644 --- a/packages/components/file-uploader-input/package.json +++ b/packages/components/file-uploader-input/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.file-uploader-input", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,9 +15,9 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.help-text": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.help-text": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3" }, "src": "src/file-uploader-input.js" } diff --git a/packages/components/header/CHANGELOG.md b/packages/components/header/CHANGELOG.md index 80592b59d..3afb4a76a 100644 --- a/packages/components/header/CHANGELOG.md +++ b/packages/components/header/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.header + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.header diff --git a/packages/components/header/README.md b/packages/components/header/README.md index cabee906e..6e09c48d1 100644 --- a/packages/components/header/README.md +++ b/packages/components/header/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | --------- | ------ | ------- | ------------------------------------ | +| :------- | :-------- | :----- | :------ | :----------------------------------- | | dir | dir | String | ltr | Direction of the button `rtl`, `ltr` | | icon | icon | String | | Icon shows in the header | | title | title | String | | Title shows in the header | @@ -40,7 +40,7 @@ ## ➤ Slots | Name | Description | -| ------- | ---------------------------------------------------------------------------- | +| :------ | :--------------------------------------------------------------------------- | | default | Extra items on the opposite side of the header goes here, like button group. | ## ➤ How to use it diff --git a/packages/components/header/package.json b/packages/components/header/package.json index e25877399..b258292cc 100644 --- a/packages/components/header/package.json +++ b/packages/components/header/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.header", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,10 +15,10 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.app-icon": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.app-icon": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3" }, "src": "src/header.js" } diff --git a/packages/components/help-text/CHANGELOG.md b/packages/components/help-text/CHANGELOG.md index 259d5e368..02c41bc02 100644 --- a/packages/components/help-text/CHANGELOG.md +++ b/packages/components/help-text/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.help-text + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.help-text diff --git a/packages/components/help-text/README.md b/packages/components/help-text/README.md index 81692d868..75b092963 100644 --- a/packages/components/help-text/README.md +++ b/packages/components/help-text/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | messages | messages | Array | | List of message(s) | | title | title | String | | If there are multiple messages, there should be a title for the help text | | size | size | String | sizes.FULL | | @@ -42,7 +42,7 @@ ## ➤ Slots | Name | Description | -| -------- | ----------------------------------------------------- | +| :------- | :---------------------------------------------------- | | title | You can use this slot to provide custom html as title | | messages | Customize message items | diff --git a/packages/components/help-text/package.json b/packages/components/help-text/package.json index b65d2cdf3..4d088479b 100644 --- a/packages/components/help-text/package.json +++ b/packages/components/help-text/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.help-text", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,8 +15,8 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3" }, "src": "src/help-text.js" } diff --git a/packages/components/help-text/src/help-text.js b/packages/components/help-text/src/help-text.js index 10c2b4979..a9bcdfaa5 100644 --- a/packages/components/help-text/src/help-text.js +++ b/packages/components/help-text/src/help-text.js @@ -63,7 +63,7 @@ export class TSHelpText extends TSElement { ${this.title} - ` + ` : ''} diff --git a/packages/components/icon/CHANGELOG.md b/packages/components/icon/CHANGELOG.md index a0cbd7bb6..36a83b02b 100644 --- a/packages/components/icon/CHANGELOG.md +++ b/packages/components/icon/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.icon + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/icon/README.md b/packages/components/icon/README.md index c5d2509a0..c56d6d7b4 100644 --- a/packages/components/icon/README.md +++ b/packages/components/icon/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| ---------- | ---------- | ------- | ------------ | ------------------------------------------------------- | +| :--------- | :--------- | :------ | :----------- | :------------------------------------------------------ | | icon | icon | String | | Icon name, ex: 'arrow-up' or inline svg string | | src | src | String | | Url to svg for icon. It will override the icon property | | size | size | String | sizes.MEDIUM | 'small' or 'medium' or 'large' | diff --git a/packages/components/icon/package.json b/packages/components/icon/package.json index bca1e22c6..928527122 100644 --- a/packages/components/icon/package.json +++ b/packages/components/icon/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.icon", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -19,7 +19,7 @@ "pre-build": "node ./scripts/export-svg.js" }, "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/icon.js" } diff --git a/packages/components/icon/stories/icon.stories.js b/packages/components/icon/stories/icon.stories.js index cb0158e6e..86dbec3a3 100644 --- a/packages/components/icon/stories/icon.stories.js +++ b/packages/components/icon/stories/icon.stories.js @@ -52,10 +52,11 @@ export const AllIcons = () => {
${iconList.map( - icon => html`
- - ${icon} -
` + icon => + html`
+ + ${icon} +
` )}
`; }; diff --git a/packages/components/input/CHANGELOG.md b/packages/components/input/CHANGELOG.md index 82c90e77d..912b6d359 100644 --- a/packages/components/input/CHANGELOG.md +++ b/packages/components/input/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.input + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.input diff --git a/packages/components/input/README.md b/packages/components/input/README.md index 14f7a7160..50cf3fced 100644 --- a/packages/components/input/README.md +++ b/packages/components/input/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | hasError | hasError | Boolean | false | Show error style | | disabled | disabled | Boolean | false | Disable state of the input | | readonly | readonly | Boolean | false | Readonly state of the input | @@ -42,7 +42,7 @@ ## ➤ Slots | Name | Description | -| --- | --- | +| :-- | :-- | | default | Put an input tag inside ts-input, so it's included in the light dom which let's the form to include its data in form data | ## ➤ How to use it diff --git a/packages/components/input/package.json b/packages/components/input/package.json index bd7bfdd66..f953a0d0c 100644 --- a/packages/components/input/package.json +++ b/packages/components/input/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.input", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,8 +15,8 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3" }, "src": "src/input.js" } diff --git a/packages/components/label/CHANGELOG.md b/packages/components/label/CHANGELOG.md index caf95b831..47719f71f 100644 --- a/packages/components/label/CHANGELOG.md +++ b/packages/components/label/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.label + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.label diff --git a/packages/components/label/README.md b/packages/components/label/README.md index 6ea0297b0..e3dbd02c8 100644 --- a/packages/components/label/README.md +++ b/packages/components/label/README.md @@ -31,13 +31,13 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | --------- | ------ | ------- | ----------- | +| :------- | :-------- | :----- | :------ | :---------- | | for | for | String | | | ## ➤ Slots | Name | Description | -| ------- | ----------- | +| :------ | :---------- | | default | | ## ➤ How to use it diff --git a/packages/components/label/package.json b/packages/components/label/package.json index 3a1a50304..d3fa6ecd7 100644 --- a/packages/components/label/package.json +++ b/packages/components/label/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.label", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/label.js" } diff --git a/packages/components/list-item/CHANGELOG.md b/packages/components/list-item/CHANGELOG.md index 1181272ba..7772b8cd8 100644 --- a/packages/components/list-item/CHANGELOG.md +++ b/packages/components/list-item/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.list-item + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.list-item diff --git a/packages/components/list-item/README.md b/packages/components/list-item/README.md index 97cebd0ab..cb0ba1299 100644 --- a/packages/components/list-item/README.md +++ b/packages/components/list-item/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| ------------ | ------------- | ------- | ----------- | ----------- | +| :----------- | :------------ | :------ | :---------- | :---------- | | title | title | String | | | | subtitle | subtitle | String | | | | disabled | disabled | Boolean | false | | @@ -47,7 +47,7 @@ ## ➤ Slots | Name | Description | -| --- | --- | +| :-- | :-- | | icon-left | In case you don't want to use "ts-icon"s as left icon, you can use this slot. Remember to remove icon attribute. | ## ➤ How to use it diff --git a/packages/components/list-item/package.json b/packages/components/list-item/package.json index 10ef448db..dd5524861 100644 --- a/packages/components/list-item/package.json +++ b/packages/components/list-item/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.list-item", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,10 +15,10 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.app-icon": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.typography": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.app-icon": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.typography": "^0.40.3" }, "src": "src/list-item.js" } diff --git a/packages/components/list-item/src/list-item.js b/packages/components/list-item/src/list-item.js index efcb2ff75..a4ac54c19 100644 --- a/packages/components/list-item/src/list-item.js +++ b/packages/components/list-item/src/list-item.js @@ -59,7 +59,7 @@ export class TSListItem extends TSElement { - `; + `; } get iconRightTemplate() { @@ -88,7 +88,7 @@ export class TSListItem extends TSElement { ?no-wrap="${this.noWrap}" no-tooltip > - ` + ` : null} `; diff --git a/packages/components/modal/CHANGELOG.md b/packages/components/modal/CHANGELOG.md index 0b53d2b6f..a932d436d 100644 --- a/packages/components/modal/CHANGELOG.md +++ b/packages/components/modal/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.modal + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.modal diff --git a/packages/components/modal/README.md b/packages/components/modal/README.md index 1d290ea41..fa7a5e7f9 100644 --- a/packages/components/modal/README.md +++ b/packages/components/modal/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | dir | data-dir | String | ltr | Direction 'rtl' or 'ltr' | | size | data-size | String | sizes.LARGE | Size of the modal. Available variants: 'large', 'medium', 'small' | | title | data-title | String | '' | Modal header text | @@ -44,7 +44,7 @@ ## ➤ Slots | Name | Description | -| ------ | -------------------------------------------------------------------------------- | +| :----- | :------------------------------------------------------------------------------- | | note | Use this slot name on the \`ts-note\` in the modal | | main | Content in the main section of the modal | | footer | Content in the footer section of the modal, most of the time \`ts-button-group\` | @@ -52,7 +52,7 @@ ## ➤ Events | Name | Description | Payload | -| ------ | ------------------------------------------------- | ------- | +| :----- | :------------------------------------------------ | :------ | | close | Emitted on start of the modal closing | | | opened | Emitted when the animation of opening is finished | | | closed | Emitted when the animation of closing is finished | | diff --git a/packages/components/modal/package.json b/packages/components/modal/package.json index f20dfb581..664b6c5a8 100644 --- a/packages/components/modal/package.json +++ b/packages/components/modal/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.modal", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,14 +15,14 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2", - "@tradeshift/elements.button-group": "^0.40.2", - "@tradeshift/elements.card": "^0.40.2", - "@tradeshift/elements.cover": "^0.40.2", - "@tradeshift/elements.header": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.note": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3", + "@tradeshift/elements.button-group": "^0.40.3", + "@tradeshift/elements.card": "^0.40.3", + "@tradeshift/elements.cover": "^0.40.3", + "@tradeshift/elements.header": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.note": "^0.40.3" }, "src": "src/modal.js" } diff --git a/packages/components/modal/src/modal.css b/packages/components/modal/src/modal.css index 72619e8d3..895fe56a4 100644 --- a/packages/components/modal/src/modal.css +++ b/packages/components/modal/src/modal.css @@ -67,13 +67,17 @@ footer { .fade-in { opacity: 1; visibility: visible; - transition: visibility var(--ts-transition-now) linear var(--ts-transition-now), opacity var(--ts-transition-fast); + transition: + visibility var(--ts-transition-now) linear var(--ts-transition-now), + opacity var(--ts-transition-fast); } .fade-out { opacity: 0; visibility: hidden; - transition: visibility var(--ts-transition-fast) linear var(--ts-transition-now), opacity var(--ts-transition-fast); + transition: + visibility var(--ts-transition-fast) linear var(--ts-transition-now), + opacity var(--ts-transition-fast); } @media (max-width: env(--mobile-screen-breakpoint)) { diff --git a/packages/components/note/CHANGELOG.md b/packages/components/note/CHANGELOG.md index 7d5a0e918..dfa634e08 100644 --- a/packages/components/note/CHANGELOG.md +++ b/packages/components/note/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.note + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.note diff --git a/packages/components/note/README.md b/packages/components/note/README.md index f814d5899..2b62d9e2d 100644 --- a/packages/components/note/README.md +++ b/packages/components/note/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --------- | --------- | ------- | ------- | ----------- | +| :-------- | :-------- | :------ | :------ | :---------- | | icon | icon | String | | | | type | type | String | | | | dir | dir | String | ltr | | @@ -42,13 +42,13 @@ ## ➤ Slots | Name | Description | -| ------- | ----------- | +| :------ | :---------- | | default | | ## ➤ Events | Name | Description | -| ------------ | ----------- | +| :----------- | :---------- | | close | | | button-click | | diff --git a/packages/components/note/package.json b/packages/components/note/package.json index daa3b66dc..1379bf50e 100644 --- a/packages/components/note/package.json +++ b/packages/components/note/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.note", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,9 +15,9 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3" }, "src": "src/note.js" } diff --git a/packages/components/note/src/note.js b/packages/components/note/src/note.js index 7ada93901..a7f42a50e 100644 --- a/packages/components/note/src/note.js +++ b/packages/components/note/src/note.js @@ -89,7 +89,7 @@ export class TSNote extends TSElement { size="large" type="${this.iconType}" > - ` + ` : ''}

diff --git a/packages/components/overlay/CHANGELOG.md b/packages/components/overlay/CHANGELOG.md index 55a817a84..f9593fdb5 100644 --- a/packages/components/overlay/CHANGELOG.md +++ b/packages/components/overlay/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.overlay + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.overlay diff --git a/packages/components/overlay/README.md b/packages/components/overlay/README.md index fd0a4dc95..eb84e068d 100644 --- a/packages/components/overlay/README.md +++ b/packages/components/overlay/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr'. | | anchor | anchor | Object | | The element where the container will be rendered. | | autoWidth | autoWidth | Boolean | false | Should the width be based on content (true) or inherited from the anchor (false). | @@ -39,13 +39,13 @@ ## ➤ Slots | Name | Description | -| ------- | ------------------------------------------------------ | +| :------ | :----------------------------------------------------- | | default | All content should be wrapped in one container element | ## ➤ Events | Name | Description | Payload | -| ------------- | -------------------------------------------------------------------- | ------- | +| :------------ | :------------------------------------------------------------------- | :------ | | overlay-close | Emitted when user clicks outside of the overlay and anchor elements. | | ## ➤ How to use it diff --git a/packages/components/overlay/package.json b/packages/components/overlay/package.json index b1c67a641..0c15d8819 100644 --- a/packages/components/overlay/package.json +++ b/packages/components/overlay/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.overlay", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/overlay.js" } diff --git a/packages/components/pager/CHANGELOG.md b/packages/components/pager/CHANGELOG.md index 60498ce05..87823c6b1 100644 --- a/packages/components/pager/CHANGELOG.md +++ b/packages/components/pager/CHANGELOG.md @@ -2,6 +2,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +### Bug Fixes + +- add perPageOptions property for customizable items per page ([f5a3e06](https://github.com/Tradeshift/elements/commit/f5a3e06d011043d99c34e0ef9ceaed6abe8dcc6d)) + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/pager/package.json b/packages/components/pager/package.json index d5181f880..d85a1d352 100644 --- a/packages/components/pager/package.json +++ b/packages/components/pager/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.pager", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,9 +15,9 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.tooltip": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.tooltip": "^0.40.3" }, "src": "src/pager.js" } diff --git a/packages/components/pager/src/pager.css b/packages/components/pager/src/pager.css index 785e4c2b2..23560b68d 100644 --- a/packages/components/pager/src/pager.css +++ b/packages/components/pager/src/pager.css @@ -91,8 +91,12 @@ li { background-color: var(--ts-color-white); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%23648897' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E"); background-repeat: no-repeat, repeat; - background-position: right 0.7em top 50%, 0 0; - background-size: 0.65em auto, 100%; + background-position: + right 0.7em top 50%, + 0 0; + background-size: + 0.65em auto, + 100%; &::-ms-expand { display: none; diff --git a/packages/components/pager/types/pager.d.ts b/packages/components/pager/types/pager.d.ts index 5d2bdb047..0effa7aef 100644 --- a/packages/components/pager/types/pager.d.ts +++ b/packages/components/pager/types/pager.d.ts @@ -29,7 +29,7 @@ export interface TSPager { perPage?: number; /** Custom list of per-page options, overrides the default [10,20,30,40,50] */ - perPageOptions?: number[]; + perPageOptions?: any[]; /** Translated messages for the user locale */ translations?: Record; diff --git a/packages/components/popover/CHANGELOG.md b/packages/components/popover/CHANGELOG.md index bac9816f8..8924b5b60 100644 --- a/packages/components/popover/CHANGELOG.md +++ b/packages/components/popover/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.popover + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.popover diff --git a/packages/components/popover/README.md b/packages/components/popover/README.md index c405d9780..27bfe5c34 100644 --- a/packages/components/popover/README.md +++ b/packages/components/popover/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | opened | opened | Boolean | false | Is the popover visible or not | | placement | placement | String | | Placement, relative to the anchor. Could be 'topLeft', 'topRight', 'bottomLeft', 'bottomRight' | | header | header | String | | Text in the title | @@ -42,14 +42,14 @@ ## ➤ Slots | Name | Description | -| ------- | ---------------------------------------------------------------------------------- | +| :------ | :--------------------------------------------------------------------------------- | | content | Content in the main section of the popover | | footer | Content in the footer section of the popover, most of the time \`ts-button-group\` | ## ➤ Events | Name | Description | Payload | -| ------------- | --------------------------------------------------- | ------- | +| :------------ | :-------------------------------------------------- | :------ | | popover-close | Emitted when user press the close button in popover | | ## ➤ How to use it diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json index dd608ff34..d1cfd6bb6 100644 --- a/packages/components/popover/package.json +++ b/packages/components/popover/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.popover", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,8 +15,8 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3" }, "src": "src/popover.js" } diff --git a/packages/components/progress-bar/CHANGELOG.md b/packages/components/progress-bar/CHANGELOG.md index 386a5c3f0..b5d423185 100644 --- a/packages/components/progress-bar/CHANGELOG.md +++ b/packages/components/progress-bar/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.progress-bar + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/progress-bar/README.md b/packages/components/progress-bar/README.md index 143737763..34e5802df 100644 --- a/packages/components/progress-bar/README.md +++ b/packages/components/progress-bar/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| ------------- | ------------- | ------- | ------- | ----------- | +| :------------ | :------------ | :------ | :------ | :---------- | | total | total | Number | 100 | | | done | done | Number | 0 | | | indeterminate | indeterminate | Boolean | false | | diff --git a/packages/components/progress-bar/package.json b/packages/components/progress-bar/package.json index 66b07c22d..553d385c2 100644 --- a/packages/components/progress-bar/package.json +++ b/packages/components/progress-bar/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.progress-bar", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/progress-bar.js" } diff --git a/packages/components/radio-group/CHANGELOG.md b/packages/components/radio-group/CHANGELOG.md index a4d3631db..d489a8157 100644 --- a/packages/components/radio-group/CHANGELOG.md +++ b/packages/components/radio-group/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.radio-group + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/radio-group/README.md b/packages/components/radio-group/README.md index d71107ea4..130933c0a 100644 --- a/packages/components/radio-group/README.md +++ b/packages/components/radio-group/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | --------- | ------- | ------- | --------------------------------------------- | +| :------- | :-------- | :------ | :------ | :-------------------------------------------- | | value | value | String | | Value of currently chosen ts-radio node | | title | title | String | | Title of radio group | | index | index | Number | | Index of checked ts-radio node | @@ -41,13 +41,13 @@ ## ➤ Slots | Name | Description | -| ------- | -------------------------------------------------------------------------------- | +| :------ | :------------------------------------------------------------------------------- | | default | All ts-radio elements should be wrapped by ts-radio-group to be grouped together | ## ➤ Events | Name | Description | Payload | -| -------------- | ------------------------------- | ----------------------- | +| :------------- | :------------------------------ | :---------------------- | | radio-selected | Emitted on radio element select | { radio, index, value } | ## ➤ How to use it diff --git a/packages/components/radio-group/package.json b/packages/components/radio-group/package.json index d6ac84aa5..2281c9148 100644 --- a/packages/components/radio-group/package.json +++ b/packages/components/radio-group/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.radio-group", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,8 +15,8 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.radio": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.radio": "^0.40.3" }, "src": "src/radio-group.js" } diff --git a/packages/components/radio/CHANGELOG.md b/packages/components/radio/CHANGELOG.md index 25dcbc770..33ff70c36 100644 --- a/packages/components/radio/CHANGELOG.md +++ b/packages/components/radio/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.radio + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.radio diff --git a/packages/components/radio/README.md b/packages/components/radio/README.md index 219a569a8..8a6dc2752 100644 --- a/packages/components/radio/README.md +++ b/packages/components/radio/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | --------- | ------- | ------- | ------------------ | +| :------- | :-------- | :------ | :------ | :----------------- | | value | value | String | | Value of the radio | | label | label | String | | Label of the radio | | checked | checked | Boolean | false | Check status | @@ -40,7 +40,7 @@ ## ➤ Events | Name | Description | -| ----------- | ----------- | +| :---------- | :---------- | | radio-click | | | radio-focus | | | radio-blur | | diff --git a/packages/components/radio/package.json b/packages/components/radio/package.json index 7f5d5f3da..e5637c7b8 100644 --- a/packages/components/radio/package.json +++ b/packages/components/radio/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.radio", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/radio.js" } diff --git a/packages/components/root/CHANGELOG.md b/packages/components/root/CHANGELOG.md index b09a7f169..a99eac8c2 100644 --- a/packages/components/root/CHANGELOG.md +++ b/packages/components/root/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.root + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.root diff --git a/packages/components/root/package.json b/packages/components/root/package.json index b6b3415e9..d63eae996 100644 --- a/packages/components/root/package.json +++ b/packages/components/root/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.root", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,8 +15,8 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.header": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.header": "^0.40.3" }, "src": "src/root.js" } diff --git a/packages/components/search/CHANGELOG.md b/packages/components/search/CHANGELOG.md index 0bad57fbf..b352c68a2 100644 --- a/packages/components/search/CHANGELOG.md +++ b/packages/components/search/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.search + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/search/README.md b/packages/components/search/README.md index 38c457d9e..63fbd79d7 100644 --- a/packages/components/search/README.md +++ b/packages/components/search/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | autofocus | autofocus | Boolean | false | Shoud the search be auto focused once page loaded | | dir | dir | String | ltr | Direction 'rtl' or 'ltr' | | focused | focused | Boolean | false | Set the focus on element | @@ -47,7 +47,7 @@ ## ➤ Events | Name | Description | Payload | -| --- | --- | --- | +| :-- | :-- | :-- | | idle | Emitted when the user not change input value for a provided timeout | search input value | | change | Emitted on every user's change in a search input or when user selects an item from the provided `dropdownItems` | search input value | | search | Emitted when the user press the 'Enter' key | search input value | diff --git a/packages/components/search/package.json b/packages/components/search/package.json index 446ee7137..79a346670 100644 --- a/packages/components/search/package.json +++ b/packages/components/search/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.search", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,10 +15,10 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.overlay": "^0.40.2", - "@tradeshift/elements.select-menu": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.overlay": "^0.40.3", + "@tradeshift/elements.select-menu": "^0.40.3" }, "src": "src/search.js" } diff --git a/packages/components/select-menu/CHANGELOG.md b/packages/components/select-menu/CHANGELOG.md index 9e6a0bb40..e2720212d 100644 --- a/packages/components/select-menu/CHANGELOG.md +++ b/packages/components/select-menu/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.select-menu + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.select-menu diff --git a/packages/components/select-menu/README.md b/packages/components/select-menu/README.md index f6a277662..21f2ca153 100644 --- a/packages/components/select-menu/README.md +++ b/packages/components/select-menu/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr'. | | disabled | disabled | Boolean | false | Is component disabled or not. | | items | items | Array | | List of available options. Item must have 'id' and 'title', it can also have an 'icon' which is the name of the icon | @@ -50,7 +50,7 @@ ## ➤ Events | Name | Description | Payload | -| ------------------- | ---------------------------------------------- | ------- | +| :------------------ | :--------------------------------------------- | :------ | | select-menu-changed | Emitted when user applies the selected changes | | ## ➤ How to use it diff --git a/packages/components/select-menu/package.json b/packages/components/select-menu/package.json index f2a50f4fb..61023975c 100644 --- a/packages/components/select-menu/package.json +++ b/packages/components/select-menu/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.select-menu", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,12 +15,12 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.button": "^0.40.2", - "@tradeshift/elements.button-group": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.list-item": "^0.40.2", - "@tradeshift/elements.spinner": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.button": "^0.40.3", + "@tradeshift/elements.button-group": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.list-item": "^0.40.3", + "@tradeshift/elements.spinner": "^0.40.3" }, "src": "src/select-menu.js" } diff --git a/packages/components/select-menu/src/select-menu.js b/packages/components/select-menu/src/select-menu.js index 55acc1f65..3e713bca0 100644 --- a/packages/components/select-menu/src/select-menu.js +++ b/packages/components/select-menu/src/select-menu.js @@ -190,26 +190,27 @@ export class TSSelectMenu extends TSElement { ${this.loading ? html`

-
` + ` : html` diff --git a/packages/components/select/CHANGELOG.md b/packages/components/select/CHANGELOG.md index 3cf89f730..3c26025f4 100644 --- a/packages/components/select/CHANGELOG.md +++ b/packages/components/select/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.select + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.select diff --git a/packages/components/select/README.md b/packages/components/select/README.md index 01cfd945d..1a91bfce9 100644 --- a/packages/components/select/README.md +++ b/packages/components/select/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr'. | | disabled | disabled | Boolean | false | Is component disabled or not. | | opened | opened | Boolean | false | Is the dropdown part opened or not. | @@ -60,13 +60,13 @@ ## ➤ Slots | Name | Description | -| ----- | --------------------------------------------------------------- | +| :---- | :-------------------------------------------------------------- | | label | If you want to have custom html in label, you can use this slot | ## ➤ Events | Name | Description | Payload | -| --- | --- | --- | +| :-- | :-- | :-- | | filter-value-change | Emitted when filter value of the select changes. You can listen to this for doing custom filtering and providing filteredItems to override the default component filtering. | { filterValue, id } | | select-changed | Emitted when user applies the selected changes | { selected, id } | diff --git a/packages/components/select/package.json b/packages/components/select/package.json index 4b9d9f097..b34914e97 100644 --- a/packages/components/select/package.json +++ b/packages/components/select/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.select", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,11 +15,11 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.help-text": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.overlay": "^0.40.2", - "@tradeshift/elements.select-menu": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.help-text": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.overlay": "^0.40.3", + "@tradeshift/elements.select-menu": "^0.40.3" }, "src": "src/select.js" } diff --git a/packages/components/select/src/select.js b/packages/components/select/src/select.js index f7099b0d4..e2dd2ab7b 100644 --- a/packages/components/select/src/select.js +++ b/packages/components/select/src/select.js @@ -341,7 +341,7 @@ export class TSSelect extends TSElement { .caseSensitive="${this.caseSensitive}" @select-menu-changed=${this.onChangeListener} > - ` + ` : ''} `; diff --git a/packages/components/spinner/CHANGELOG.md b/packages/components/spinner/CHANGELOG.md index 341b9222b..b105bb574 100644 --- a/packages/components/spinner/CHANGELOG.md +++ b/packages/components/spinner/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.spinner + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.spinner diff --git a/packages/components/spinner/README.md b/packages/components/spinner/README.md index 7da27cd99..f5290b31d 100644 --- a/packages/components/spinner/README.md +++ b/packages/components/spinner/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | ------------ | ------- | ----------- | ----------------------------------------------- | +| :------- | :----------- | :------ | :---------- | :---------------------------------------------- | | color | data-color | String | colors.BLUE | Spinner color, `blue`, `mono`, `white` | | message | data-message | String | | Text to show below the spinner | | size | data-size | String | sizes.LARGE | Size of the spinner, `large`, `medium`, `small` | diff --git a/packages/components/spinner/package.json b/packages/components/spinner/package.json index 17b002ce3..02330d95b 100644 --- a/packages/components/spinner/package.json +++ b/packages/components/spinner/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.spinner", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/spinner.js" } diff --git a/packages/components/status/CHANGELOG.md b/packages/components/status/CHANGELOG.md index 98bce3c06..83640bc61 100644 --- a/packages/components/status/CHANGELOG.md +++ b/packages/components/status/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.status + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.status diff --git a/packages/components/status/README.md b/packages/components/status/README.md index 8fd521a77..67abce63e 100644 --- a/packages/components/status/README.md +++ b/packages/components/status/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | --------- | ------ | ------- | ----------- | +| :------- | :-------- | :----- | :------ | :---------- | | dir | dir | String | ltr | | | status | status | String | '' | | | text | text | String | '' | | diff --git a/packages/components/status/package.json b/packages/components/status/package.json index d66c76086..2d6a74018 100644 --- a/packages/components/status/package.json +++ b/packages/components/status/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.status", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/status.js" } diff --git a/packages/components/tab/CHANGELOG.md b/packages/components/tab/CHANGELOG.md index 43bf7bb0e..a8456678c 100644 --- a/packages/components/tab/CHANGELOG.md +++ b/packages/components/tab/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.tab + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) ### Bug Fixes diff --git a/packages/components/tab/README.md b/packages/components/tab/README.md index 5abfaa92c..2d12b5af9 100644 --- a/packages/components/tab/README.md +++ b/packages/components/tab/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | label | label | String | | The label text for the header | | selected | selected | Boolean | false | Make the tab selected | | icon | icon | String | | Icon name from the available icons in the ts-icon component | @@ -41,13 +41,13 @@ ## ➤ Slots | Name | Description | -| ------- | ---------------------------------------------------------- | +| :------ | :--------------------------------------------------------- | | default | Content of the tab should be wrapped in \`ts-tab\` element | ## ➤ Events | Name | Description | Payload | -| --- | --- | --- | +| :-- | :-- | :-- | | tab-prop-change | (Internal) Emitted when property of the tab is changed, it's used to let the ts-tabs know about the attribute changes. | {name} | ## ➤ How to use it diff --git a/packages/components/tab/package.json b/packages/components/tab/package.json index 3de97f044..055e39515 100644 --- a/packages/components/tab/package.json +++ b/packages/components/tab/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.tab", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/tab.js" } diff --git a/packages/components/tabs/CHANGELOG.md b/packages/components/tabs/CHANGELOG.md index c502a3146..59212f351 100644 --- a/packages/components/tabs/CHANGELOG.md +++ b/packages/components/tabs/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.tabs + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.tabs diff --git a/packages/components/tabs/README.md b/packages/components/tabs/README.md index 474be141e..501e6515c 100644 --- a/packages/components/tabs/README.md +++ b/packages/components/tabs/README.md @@ -31,19 +31,19 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | --------- | ------ | ------- | ------------------- | +| :------- | :-------- | :----- | :------ | :------------------ | | dir | dir | String | ltr | Direction (rtl/ltr) | ## ➤ Slots | Name | Description | -| ------- | ----------------------------------------------------------------------------------------- | +| :------ | :---------------------------------------------------------------------------------------- | | default | All \`ts-tab\` elements should be wrapped with \`ts-tabs\` element to be grouped together | ## ➤ Events | Name | Description | -| --------- | ----------- | +| :-------- | :---------- | | tab-click | | ## ➤ How to use it diff --git a/packages/components/tabs/package.json b/packages/components/tabs/package.json index f882aa621..620e1df0e 100644 --- a/packages/components/tabs/package.json +++ b/packages/components/tabs/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.tabs", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,10 +15,10 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.tab": "^0.40.2", - "@tradeshift/elements.typography": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.tab": "^0.40.3", + "@tradeshift/elements.typography": "^0.40.3" }, "src": "src/tabs.js" } diff --git a/packages/components/tag/CHANGELOG.md b/packages/components/tag/CHANGELOG.md index b6711922f..9ba2b1279 100644 --- a/packages/components/tag/CHANGELOG.md +++ b/packages/components/tag/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.tag + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.tag diff --git a/packages/components/tag/README.md b/packages/components/tag/README.md index 2c673f44b..befcddfd7 100644 --- a/packages/components/tag/README.md +++ b/packages/components/tag/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | dir | dir | String | ltr | Text direction: 'rtl' or 'ltr' | | type | type | String | | Type: success, warning, warning-lite, danger, blue, blue-lite. Affects background and foreground colors | | deletable | deletable | Boolean | false | Can the item be deleted? Displays a remove icon at the end of the tag | @@ -44,7 +44,7 @@ ## ➤ Events | Name | Description | Payload | -| ---------- | --------------------------------------------------------------- | ------- | +| :--------- | :-------------------------------------------------------------- | :------ | | delete-tag | Emitted when the delete icon is clicked, if the tag is not busy | event | | click-tag | Emitted when the tag is clicked | event | diff --git a/packages/components/tag/package.json b/packages/components/tag/package.json index 6ba3c9ba5..be146b7d9 100644 --- a/packages/components/tag/package.json +++ b/packages/components/tag/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.tag", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,8 +15,8 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3" }, "publishConfig": { "access": "public" diff --git a/packages/components/text-field/CHANGELOG.md b/packages/components/text-field/CHANGELOG.md index c64111ada..cdceec13e 100644 --- a/packages/components/text-field/CHANGELOG.md +++ b/packages/components/text-field/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.text-field + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.text-field diff --git a/packages/components/text-field/README.md b/packages/components/text-field/README.md index f20ad4662..c18bd4d49 100644 --- a/packages/components/text-field/README.md +++ b/packages/components/text-field/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --- | --- | --- | --- | --- | +| :-- | :-- | :-- | :-- | :-- | | label | label | String | '' | Label of the text field. If you need something more than simple string, use the label slot. | | id | id | String | 'input-id' | Id of the text field | | value | value | String | '' | Value of the text field | @@ -54,14 +54,14 @@ ## ➤ Slots | Name | Description | -| --- | --- | +| :-- | :-- | | label | If you want to have custom html in label, you can use this slot | | ts-input | If you want to have the input/textarea in the light DOM, for example, to be able to access it in the form data, you can pass the ts-input element with the input/textarea yourself. | ## ➤ Events | Name | Description | Payload | -| ------ | ---------------------------------------- | ---------------------------- | +| :----- | :--------------------------------------- | :--------------------------- | | input | Emitted onInput event of input/textarea | { value, originalEvent } | | change | Emitted onChange event of input/textarea | { value, id, originalEvent } | diff --git a/packages/components/text-field/package.json b/packages/components/text-field/package.json index aa11b2a86..ea9b99057 100644 --- a/packages/components/text-field/package.json +++ b/packages/components/text-field/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.text-field", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,10 +15,10 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2", - "@tradeshift/elements.help-text": "^0.40.2", - "@tradeshift/elements.icon": "^0.40.2", - "@tradeshift/elements.input": "^0.40.2" + "@tradeshift/elements": "^0.40.3", + "@tradeshift/elements.help-text": "^0.40.3", + "@tradeshift/elements.icon": "^0.40.3", + "@tradeshift/elements.input": "^0.40.3" }, "src": "src/text-field.js" } diff --git a/packages/components/text-field/src/text-field.js b/packages/components/text-field/src/text-field.js index fd2d0a65e..fa41a4104 100644 --- a/packages/components/text-field/src/text-field.js +++ b/packages/components/text-field/src/text-field.js @@ -155,7 +155,7 @@ export class TSTextField extends TSElement { > ${this.value} - ` + ` : html` - `} + `} ${this.helpText} diff --git a/packages/components/tooltip/CHANGELOG.md b/packages/components/tooltip/CHANGELOG.md index 7185789b4..f7856f070 100644 --- a/packages/components/tooltip/CHANGELOG.md +++ b/packages/components/tooltip/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.tooltip + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.tooltip diff --git a/packages/components/tooltip/README.md b/packages/components/tooltip/README.md index 70ee9ea82..b8d0f517b 100644 --- a/packages/components/tooltip/README.md +++ b/packages/components/tooltip/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| -------- | --------- | ------- | ------------- | ------------------------------------------------ | +| :------- | :-------- | :------ | :------------ | :----------------------------------------------- | | tooltip | tooltip | String | '' | Text that should be shown in the tooltip popover | | position | position | String | 'right' | 'top', 'bottom', 'right', 'left' | | width | width | String | 'max-content' | Determining width of thee tooltip | @@ -40,7 +40,7 @@ ## ➤ Slots | Name | Description | -| ------- | ------------------------------------------------------------ | +| :------ | :----------------------------------------------------------- | | default | Elements that have tooltip should be wrapped with ts-tooltip | ## ➤ How to use it diff --git a/packages/components/tooltip/package.json b/packages/components/tooltip/package.json index 124d94c83..15fcb4a0d 100644 --- a/packages/components/tooltip/package.json +++ b/packages/components/tooltip/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.tooltip", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/tooltip.js" } diff --git a/packages/components/typography/CHANGELOG.md b/packages/components/typography/CHANGELOG.md index cccaa3ee8..75cdb94f7 100644 --- a/packages/components/typography/CHANGELOG.md +++ b/packages/components/typography/CHANGELOG.md @@ -2,6 +2,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +**Note:** Version bump only for package @tradeshift/elements.typography + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements.typography diff --git a/packages/components/typography/README.md b/packages/components/typography/README.md index 39cfe1c0d..84502eb9b 100644 --- a/packages/components/typography/README.md +++ b/packages/components/typography/README.md @@ -31,7 +31,7 @@ ## ➤ Properties | Property | Attribute | Type | Default | Description | -| --------- | ---------- | ------- | ------- | ----------- | +| :-------- | :--------- | :------ | :------ | :---------- | | text | text | String | | | | tooltip | tooltip | String | | | | variant | variant | String | | | @@ -43,7 +43,7 @@ ## ➤ Slots | Name | Description | -| ------- | ----------- | +| :------ | :---------- | | default | | | default | | diff --git a/packages/components/typography/package.json b/packages/components/typography/package.json index a05749cb4..06963beaa 100644 --- a/packages/components/typography/package.json +++ b/packages/components/typography/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements.typography", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", @@ -15,7 +15,7 @@ "types/*" ], "dependencies": { - "@tradeshift/elements": "^0.40.2" + "@tradeshift/elements": "^0.40.3" }, "src": "src/typography.js" } diff --git a/packages/components/typography/src/typography.js b/packages/components/typography/src/typography.js index 05828b108..69f0a7e6b 100644 --- a/packages/components/typography/src/typography.js +++ b/packages/components/typography/src/typography.js @@ -30,12 +30,12 @@ export class TSTypography extends TSElement {
${this.text}
- ` + ` : html`
${this.text}
- `; + `; } } diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md index 0fdf509ea..8f8f311e3 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -2,6 +2,19 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.40.3](https://github.com/Tradeshift/elements/compare/v0.40.2...v0.40.3) (2026-05-25) + +### Bug Fixes + +- **deps:** update dependency lit-element to ^2.5.1 ([#560](https://github.com/Tradeshift/elements/issues/560)) ([674959f](https://github.com/Tradeshift/elements/commit/674959fec02fe9d3e1de12574f6f23ed076e5ff6)) +- **deps:** update dependency lit-element to ^4.0.5 ([66fcf1b](https://github.com/Tradeshift/elements/commit/66fcf1bb7c64b15216d580fd47aad47701725c12)) +- **deps:** update dependency lit-element to ^4.0.6 ([927df09](https://github.com/Tradeshift/elements/commit/927df095c0d9629f16f674d356c0b8850635c916)) +- **deps:** update dependency lit-element to ^4.1.0 ([59c917c](https://github.com/Tradeshift/elements/commit/59c917ca46b24e98d38ceee21c3072f44b692dba)) +- **deps:** update dependency lit-element to ^4.2.0 ([62d3590](https://github.com/Tradeshift/elements/commit/62d359039980108dc82992edb4878c979f3c16b4)) +- **deps:** update dependency lit-element to ^4.2.1 ([f6aae99](https://github.com/Tradeshift/elements/commit/f6aae99671d3887abbba04d565b7e27e1fe97a8c)) +- **deps:** update dependency lit-element to ^4.2.2 ([34aca09](https://github.com/Tradeshift/elements/commit/34aca0942f4682f4da9724b46edade994783f184)) +- **deps:** update dependency lit-element to v4 ([#591](https://github.com/Tradeshift/elements/issues/591)) ([681aaad](https://github.com/Tradeshift/elements/commit/681aaad7692f6841d45f04582917491daf890612)) + ## [0.40.2](https://github.com/Tradeshift/elements/compare/v0.40.1...v0.40.2) (2022-11-03) **Note:** Version bump only for package @tradeshift/elements diff --git a/packages/core/package.json b/packages/core/package.json index fe053898b..88a27582d 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@tradeshift/elements", - "version": "0.40.2", + "version": "0.40.3", "repository": { "type": "git", "url": "https://github.com/Tradeshift/elements.git", diff --git a/packages/core/src/fonts.css b/packages/core/src/fonts.css index cb8325d96..2c145825e 100644 --- a/packages/core/src/fonts.css +++ b/packages/core/src/fonts.css @@ -7,7 +7,9 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 300; - src: local('Open Sans Light'), local('OpenSans-Light'), + src: + local('Open Sans Light'), + local('OpenSans-Light'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.light.latin-ext.woff2) format('woff2'); } /* woff2 - latin */ @@ -16,7 +18,9 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 300; - src: local('Open Sans Light'), local('OpenSans-Light'), + src: + local('Open Sans Light'), + local('OpenSans-Light'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.light.latin.woff2) format('woff2'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.light.latin.latin-ext.woff) format('woff'); } @@ -28,7 +32,9 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 400; - src: local('Open Sans Regular'), local('OpenSans-Regular'), + src: + local('Open Sans Regular'), + local('OpenSans-Regular'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.regular.latin-ext.woff2) format('woff2'); } /* woff2 - latin */ @@ -37,7 +43,9 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 400; - src: local('Open Sans Regular'), local('OpenSans-Regular'), + src: + local('Open Sans Regular'), + local('OpenSans-Regular'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.regular.latin.woff2) format('woff2'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.regular.latin.latin-ext.woff) format('woff'); } @@ -49,7 +57,9 @@ font-family: 'Open Sans'; font-style: italic; font-weight: 400; - src: local('Open Sans Italic'), local('OpenSans-Italic'), + src: + local('Open Sans Italic'), + local('OpenSans-Italic'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.italic.latin-ext.woff2) format('woff2'); } /* woff2 - latin */ @@ -58,7 +68,9 @@ font-family: 'Open Sans'; font-style: italic; font-weight: 400; - src: local('Open Sans Italic'), local('OpenSans-Italic'), + src: + local('Open Sans Italic'), + local('OpenSans-Italic'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.italic.latin.woff2) format('woff2'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.italic.latin.latin-ext.woff) format('woff'); } @@ -70,7 +82,9 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 600; - src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), + src: + local('Open Sans SemiBold'), + local('OpenSans-SemiBold'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.semibold.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024f, U+0259, U+1-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+A720-A7FF; } @@ -80,7 +94,9 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 600; - src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), + src: + local('Open Sans SemiBold'), + local('OpenSans-SemiBold'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.semibold.latin.woff2) format('woff2'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.semibold.latin.latin-ext.woff) format('woff'); } @@ -92,7 +108,9 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 700; - src: local('Open Sans Bold'), local('OpenSans-Bold'), + src: + local('Open Sans Bold'), + local('OpenSans-Bold'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.bold.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024f, U+0259, U+1-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+A720-A7FF; } @@ -102,7 +120,9 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 700; - src: local('Open Sans Bold'), local('OpenSans-Bold'), + src: + local('Open Sans Bold'), + local('OpenSans-Bold'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.bold.latin.woff2) format('woff2'), url(//d5wfroyti11sa.cloudfront.net/prod/fonts/opensans/201902081238.bold.latin.latin-ext.woff) format('woff'); } diff --git a/packages/core/src/vars.css b/packages/core/src/vars.css index ece319f7c..ca38d95f7 100644 --- a/packages/core/src/vars.css +++ b/packages/core/src/vars.css @@ -154,11 +154,11 @@ --ts-boxshadow-border-default: var(--ts-boxshadow-border-width) var(--ts-border-color-default); --ts-boxshadow-border-error: var(--ts-boxshadow-border-width) var(--ts-border-color-error); --ts-boxshadow-border-success: var(--ts-boxshadow-border-width) var(--ts-border-color-success); - --ts-boxshadow-border-focus: var(--ts-boxshadow-border-width) var(--ts-border-color-focus), - 0 0 0 1px var(--ts-border-color-focus); + --ts-boxshadow-border-focus: + var(--ts-boxshadow-border-width) var(--ts-border-color-focus), 0 0 0 1px var(--ts-border-color-focus); --ts-boxshadow-border-primary: var(--ts-boxshadow-border-width) var(--ts-border-color-primary); - --ts-boxshadow-border-hover: var(--ts-boxshadow-border-width) var(--ts-border-color-hover-inner), - 0 0 0 1px var(--ts-border-color-hover-outer); + --ts-boxshadow-border-hover: + var(--ts-boxshadow-border-width) var(--ts-border-color-hover-inner), 0 0 0 1px var(--ts-border-color-hover-outer); --ts-progress-bar-height: 8px; --ts-box-width-small: 280px; --ts-box-width-medium: 360px; diff --git a/scripts/get-readme-template-data.js b/scripts/get-readme-template-data.js index 6860827ca..cdd829943 100644 --- a/scripts/get-readme-template-data.js +++ b/scripts/get-readme-template-data.js @@ -1,4 +1,5 @@ -const tablemark = require('tablemark'); +const _tablemark = require('tablemark'); +const tablemark = _tablemark.default || _tablemark; const { compStateLogger, readComponentFile } = require('./helpers'); module.exports = function (componentName) { diff --git a/scripts/update-readme-files.js b/scripts/update-readme-files.js index be16a22fa..d1c031875 100644 --- a/scripts/update-readme-files.js +++ b/scripts/update-readme-files.js @@ -1,4 +1,5 @@ -const nodePlop = require('node-plop'); +const _nodePlopModule = require('node-plop'); +const nodePlop = _nodePlopModule.default || _nodePlopModule; const updateDocSource = require('./from-src'); const { getComponentNames, compStateLogger } = require('./helpers'); const xa = require('xa'); @@ -11,8 +12,8 @@ const xa = require('xa'); }); })(); -function updateReadmeFiles(componentName) { - const plop = nodePlop(`./plopfile.js`); +async function updateReadmeFiles(componentName) { + const plop = await nodePlop(`./plopfile.js`); const updateReadme = plop.getGenerator('readme'); updateReadme.runActions({ name: componentName }).then(results => { if (results.failures.length) {