@synerise/ds-tabs 1.1.22 → 1.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/README.md +27 -26
  3. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.1.23](https://github.com/synerise/synerise-design/compare/@synerise/ds-tabs@1.1.22...@synerise/ds-tabs@1.1.23) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-tabs
9
+
6
10
  ## [1.1.22](https://github.com/synerise/synerise-design/compare/@synerise/ds-tabs@1.1.21...@synerise/ds-tabs@1.1.22) (2026-03-09)
7
11
 
8
12
  **Note:** Version bump only for package @synerise/ds-tabs
package/README.md CHANGED
@@ -30,29 +30,30 @@ import Tabs from '@synerise/ds-tabs'
30
30
 
31
31
  ### Tabs
32
32
 
33
- | Property | Description | Type | Default |
34
- | -------------- | ------------------------------------------ | ----------------------- | ------- |
35
- | activeTab | Active tab index | number | - |
36
- | configuration | Shows additional position in tabs dropdown | Configuration | - |
37
- | handleTabClick | Callback fired when user clicks on the tab | (index: number) => void | - |
38
- | tabs | Array of tabs | Tab[] | [] |
39
- | underscore | Underscore active item | boolean | `true` |
40
-
41
- ### Tab
42
-
43
- | Property | Description | Type | Default |
44
- | ------------ | ------------------------------ | ------------ | ------- |
45
- | disabled | Flag of disabled tabs | boolean | `false` |
46
- | icon | tab icon | Icon | - |
47
- | label | Label of tab | ReactNode | - |
48
- | tooltip | Tab tooltip text | ReactNode | - |
49
- | tooltipProps | Tooltip props (see ds-tooltip) | TooltipProps | - |
50
- | underscore | Underscore active item | boolean | `true` |
51
-
52
- #### Configuration
53
-
54
- | Property | Description | Type | Default |
55
- | -------- | ----------------------------------------------------------- | ------- | ------- |
56
- | action | Callback fired when user clicks on the configuration button | Icon | - |
57
- | disabled | Flag of disabled configuration button | boolean | - |
58
- | label | Label of configuration button | string | - |
33
+ | Property | Description | Type | Default |
34
+ | -------------- | ------------------------------------------------------------- | ----------------------- | ------- |
35
+ | activeTab | Active tab index | number | - |
36
+ | block | Stretch tabs to fill the container width (disables overflow) | boolean | - |
37
+ | configuration | Appends a configurable action item to the overflow dropdown | TabsConfiguration | - |
38
+ | handleTabClick | Callback fired when user clicks on the tab | (index: number) => void | - |
39
+ | tabs | Array of tabs | TabItem[] | - |
40
+ | underscore | Show active-indicator line below the active tab | boolean | `true` |
41
+
42
+ ### Tab (TabItem)
43
+
44
+ | Property | Description | Type | Default |
45
+ | ------------ | -------------------------------------------------------- | ------------ | ------- |
46
+ | disabled | Disables pointer events and reduces opacity | boolean | - |
47
+ | icon | Icon rendered before the label (sized 24 px) | ReactNode | - |
48
+ | label | Label of tab | ReactNode | - |
49
+ | suffixel | Element rendered after the label (supports Badge nodes) | ReactNode | - |
50
+ | tooltip | Tab tooltip content | ReactNode | - |
51
+ | tooltipProps | Additional props forwarded to ds-tooltip | TooltipProps | - |
52
+
53
+ #### TabsConfiguration
54
+
55
+ | Property | Description | Type | Default |
56
+ | -------- | ------------------------------------------------------------- | ----------- | ------- |
57
+ | action | Callback fired when user clicks on the configuration button | () => void | - |
58
+ | disabled | Disables the dropdown trigger when no tabs are hidden | boolean | - |
59
+ | label | Label of configuration button | string | - |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-tabs",
3
- "version": "1.1.22",
3
+ "version": "1.1.23",
4
4
  "description": "Tabs UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -35,13 +35,13 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-button": "^1.5.16",
39
- "@synerise/ds-dropdown": "^1.3.0",
40
- "@synerise/ds-icon": "^1.14.1",
41
- "@synerise/ds-menu": "^1.4.11",
42
- "@synerise/ds-tooltip": "^1.4.8",
43
- "@synerise/ds-typography": "^1.1.11",
44
- "@synerise/ds-utils": "^1.6.0",
38
+ "@synerise/ds-button": "^1.5.17",
39
+ "@synerise/ds-dropdown": "^1.3.1",
40
+ "@synerise/ds-icon": "^1.15.0",
41
+ "@synerise/ds-menu": "^1.4.12",
42
+ "@synerise/ds-tooltip": "^1.4.9",
43
+ "@synerise/ds-typography": "^1.1.12",
44
+ "@synerise/ds-utils": "^1.7.0",
45
45
  "classnames": "^2.5.1",
46
46
  "lodash.debounce": "^4.0.8"
47
47
  },
@@ -54,5 +54,5 @@
54
54
  "react": ">=16.9.0 <= 18.3.1",
55
55
  "styled-components": "^5.3.3"
56
56
  },
57
- "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
57
+ "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
58
58
  }