Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .github/workflows/main.yml
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
4 changes: 2 additions & 2 deletions .github/workflows/release.yml
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand All @@ -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'
Expand Down
16 changes: 16 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
Expand Down
2 changes: 1 addition & 1 deletion lerna.json
Original file line number Diff line number Diff line change
Expand Up @@ -8,5 +8,5 @@
"message": "chore(release): %s"
}
},
"version": "0.40.2"
"version": "0.40.3"
}
4 changes: 4 additions & 0 deletions packages/components/action-select/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
6 changes: 3 additions & 3 deletions packages/components/action-select/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 |
Expand All @@ -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
Expand Down
12 changes: 6 additions & 6 deletions packages/components/action-select/package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand All @@ -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"
}
4 changes: 4 additions & 0 deletions packages/components/app-icon/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion packages/components/app-icon/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 |
Expand Down
4 changes: 2 additions & 2 deletions packages/components/app-icon/package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand All @@ -15,7 +15,7 @@
"types/*"
],
"dependencies": {
"@tradeshift/elements": "^0.40.2"
"@tradeshift/elements": "^0.40.3"
},
"src": "src/app-icon.js"
}
4 changes: 4 additions & 0 deletions packages/components/aside/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
6 changes: 3 additions & 3 deletions packages/components/aside/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 |
Expand All @@ -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 |
Expand All @@ -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 | |
Expand Down
12 changes: 6 additions & 6 deletions packages/components/aside/package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand All @@ -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"
}
4 changes: 3 additions & 1 deletion packages/components/aside/src/aside.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
4 changes: 4 additions & 0 deletions packages/components/basic-table/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
4 changes: 2 additions & 2 deletions packages/components/basic-table/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
## ➤ Properties

| Property | Attribute | Type | Default | Description |
| --- | --- | --- | --- | --- |
| :-- | :-- | :-- | :-- | :-- |
| dir | dir | String | ltr | Direction of the component 'rtl' or 'ltr' |
| cols | cols | Array | [] | <br> List of columns configs, including: <br> - property: Property key of the column in data object, <br> - value: value of the title of column', <br> - visibility?: Which screen sizes this column should be visible -> 'always-visible'(default) or 'desktop-only' or 'mobile-only', <br> - size?: 'small' or 'medium' or 'large', <br> - display?: 'left' or 'right' or 'center', <br> - renderer?: you can pass a renderer function to customize the content of the cells in this column, args: (cellValue, rowObject) <br> |
| selectedIds | selectedIds | Array | [] | List of selected rows ids (caveat: the row should include id property) |
Expand All @@ -40,7 +40,7 @@
## ➤ Events

| Name | Description | Payload |
| --------- | -------------------------- | ------- |
| :-------- | :------------------------- | :------ |
| row-click | Emitted on table row click | { row } |

## ➤ How to use it
Expand Down
8 changes: 4 additions & 4 deletions packages/components/basic-table/package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand All @@ -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"
}
11 changes: 5 additions & 6 deletions packages/components/basic-table/src/basic-table.js
Original file line number Diff line number Diff line change
Expand Up @@ -106,12 +106,11 @@

tableRow(row) {
return this.cols.map(
column =>
html`
<td class="${this.getVisibilityClass(column.visibility)}">
${this.renderTableCell(row[column.property], column, row)}
</td>
`
column => html`

Check notice on line 109 in packages/components/basic-table/src/basic-table.js

View check run for this annotation

TS Sonarqube / SonarQube Code Analysis

packages/components/basic-table/src/basic-table.js#L109

Add parentheses around the parameter of this arrow function.
<td class="${this.getVisibilityClass(column.visibility)}">
${this.renderTableCell(row[column.property], column, row)}
</td>
`
);
}

Expand Down
4 changes: 4 additions & 0 deletions packages/components/board/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
4 changes: 2 additions & 2 deletions packages/components/board/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 |

Expand Down
8 changes: 4 additions & 4 deletions packages/components/board/package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand All @@ -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"
}
4 changes: 4 additions & 0 deletions packages/components/button-group/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
4 changes: 2 additions & 2 deletions packages/components/button-group/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
6 changes: 3 additions & 3 deletions packages/components/button-group/package.json
Original file line number Diff line number Diff line change
@@ -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",
Expand All @@ -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"
}
Loading