@synerise/ds-card-tabs 0.10.3 → 0.11.1
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.
- package/CHANGELOG.md +32 -0
- package/README.md +1 -0
- package/dist/CardTab/CardTab.styles.js +2 -2
- package/dist/CardTabs.js +3 -1
- package/dist/CardTabs.styles.js +1 -1
- package/dist/CardTabs.types.d.ts +1 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,38 @@
|
|
|
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
|
+
## [0.11.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.11.0...@synerise/ds-card-tabs@0.11.1) (2022-03-21)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [0.11.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.10.4...@synerise/ds-card-tabs@0.11.0) (2022-03-14)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* **card-tabs:** add translations & change prop name ([1834111](https://github.com/Synerise/synerise-design/commit/1834111a1809dcd990661f05e6cc09d45d45fb02))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Features
|
|
23
|
+
|
|
24
|
+
* **filter:** simple imprv into filter & card & card-tabs component ([206cb9d](https://github.com/Synerise/synerise-design/commit/206cb9d8b9ba3687daf1a02862e8dd88698b582f))
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
## [0.10.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.10.3...@synerise/ds-card-tabs@0.10.4) (2022-02-25)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @synerise/ds-card-tabs
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
6
38
|
## [0.10.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.10.2...@synerise/ds-card-tabs@0.10.3) (2022-02-16)
|
|
7
39
|
|
|
8
40
|
**Note:** Version bump only for package @synerise/ds-card-tabs
|
package/README.md
CHANGED
|
@@ -85,6 +85,7 @@ import CardTabs from '@synerise/ds-card-tabs'
|
|
|
85
85
|
| index | Position of tab | number | - |
|
|
86
86
|
| name | Name of tab | string | - |
|
|
87
87
|
| tag | Single letter (tag) of tab | string | - |
|
|
88
|
+
| addTabLabel | set text into add tab button | string | - |
|
|
88
89
|
| active | Flag of active tab | boolean |`false` |
|
|
89
90
|
| greyBackground | Change default color of tabs, use when background will be different then white | boolean |`false` |
|
|
90
91
|
| prefixIcon | Icon visible on the left side of the tab | SVG Icon | null |
|
|
@@ -34,7 +34,7 @@ export var CardSuffixWrapper = styled.span.withConfig({
|
|
|
34
34
|
export var CardTabLabel = styled.span.withConfig({
|
|
35
35
|
displayName: "CardTabstyles__CardTabLabel",
|
|
36
36
|
componentId: "sc-1n86s98-3"
|
|
37
|
-
})(["", ";color:", ";line-height:20px;position:relative;font-size:
|
|
37
|
+
})(["", ";color:", ";line-height:20px;position:relative;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:flex-start;&&&{", "{background-color:transparent;background-position:bottom left;background-size:5px 1px;background-repeat:repeat-x;background-image:", ";}}", "{input{font-weight:500;font-size:14px;line-height:20px;color:", ";background-image:linear-gradient( to right,", " 0%,", " 33%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 100% );}}"], macro.h300, function (props) {
|
|
38
38
|
return props.theme.palette['grey-600'];
|
|
39
39
|
}, CardTabName, function (props) {
|
|
40
40
|
return props.invalidName ? "linear-gradient(\n to right,\n " + (props.invalidName ? props.theme.palette['red-600'] : props.theme.palette['blue-600']) + " 0%,\n " + (props.invalidName ? props.theme.palette['red-600'] : props.theme.palette['blue-600']) + " 33%,\n rgba(255, 255, 255, 0) 34%,\n rgba(255, 255, 255, 0) 100%\n );" : 'none';
|
|
@@ -78,7 +78,7 @@ export var CardIconPrefix = styled.div.withConfig({
|
|
|
78
78
|
export var CardTabContainer = styled.div.withConfig({
|
|
79
79
|
displayName: "CardTabstyles__CardTabContainer",
|
|
80
80
|
componentId: "sc-1n86s98-10"
|
|
81
|
-
})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px;width:180px;height:
|
|
81
|
+
})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px;width:180px;height:40px;user-select:none;background-color:", ";box-shadow:", ";border-radius:3px;border-width:1px;border-color:", ";border-style:solid;pointer-events:", ";", "{background-color:", ";color:", ";}", "{background-color:", ";}", "{height:", ";width:", ";border-width:", ";border-color:", ";border-style:solid;}&:hover{cursor:pointer;box-shadow:", ";background-color:", ";", "{display:", ";}", "{display:", ";}", "{color:", ";}", "{background-color:", ";color:", ";display:", ";}", "{svg{color:", ";fill:", ";}}", "{display:flex;svg{color:", ";fill:", " !important;}}", "{display:none;}", "{display:none;svg{color:", ";fill:", ";}}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}}}&.pressed{background-color:", ";}", "{color:", ";opacity:", ";}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}opacity:", ";}", "{opacity:", ";.ds-card-tabs__handle-icon{svg{color:", ";fill:", ";}}svg{color:", ";fill:", ";}", "{opacity:", ";}}"], function (_ref7) {
|
|
82
82
|
var theme = _ref7.theme,
|
|
83
83
|
active = _ref7.active,
|
|
84
84
|
invalid = _ref7.invalid,
|
package/dist/CardTabs.js
CHANGED
|
@@ -24,7 +24,8 @@ var CardTabs = function CardTabs(_ref) {
|
|
|
24
24
|
onAddTab = _ref.onAddTab,
|
|
25
25
|
maxTabsCount = _ref.maxTabsCount,
|
|
26
26
|
_ref$children = _ref.children,
|
|
27
|
-
children = _ref$children === void 0 ? [] : _ref$children
|
|
27
|
+
children = _ref$children === void 0 ? [] : _ref$children,
|
|
28
|
+
addTabLabel = _ref.addTabLabel;
|
|
28
29
|
|
|
29
30
|
var handleChangeOrder = function handleChangeOrder(newOrder) {
|
|
30
31
|
onChangeOrder && onChangeOrder(newOrder.map(function (item) {
|
|
@@ -57,6 +58,7 @@ var CardTabs = function CardTabs(_ref) {
|
|
|
57
58
|
"data-testid": "card-tabs-add-button"
|
|
58
59
|
}, /*#__PURE__*/React.createElement(Button.Creator, {
|
|
59
60
|
disabled: !!maxTabsCount && React.Children.toArray(children).length >= maxTabsCount,
|
|
61
|
+
label: addTabLabel != null ? addTabLabel : '',
|
|
60
62
|
onClick: onAddTab
|
|
61
63
|
})));
|
|
62
64
|
};
|
package/dist/CardTabs.styles.js
CHANGED
|
@@ -4,7 +4,7 @@ import { CardTabContainer } from './CardTab/CardTab.styles'; // eslint-disable-n
|
|
|
4
4
|
export var CardTabsContainer = styled.div.withConfig({
|
|
5
5
|
displayName: "CardTabsstyles__CardTabsContainer",
|
|
6
6
|
componentId: "sc-1uu9dja-0"
|
|
7
|
-
})(["display:flex;flex-direction:row;algin-items:flex-start;justify-content:flex-start;width:100%;", "{margin-right:12px;
|
|
7
|
+
})(["display:flex;flex-direction:row;algin-items:flex-start;justify-content:flex-start;width:100%;", "{margin-right:12px;}.ds-card-tags-sortable{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;}.sortable-chosen{cursor:grabbing;background-color:", ";opacity:1;}.sortable-drag{opacity:1 !important;box-shadow:0 16px 32px 0 rgba(35,41,54,0.1);}.sortable-card-ghost-element{background-color:", ";&:hover{background-color:", ";}opacity:1;cursor:grabbing;*{visibility:hidden;}}"], CardTabContainer, function (props) {
|
|
8
8
|
return props.theme.palette.white;
|
|
9
9
|
}, function (props) {
|
|
10
10
|
return props.theme.palette['blue-300'];
|
package/dist/CardTabs.types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-card-tabs",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.1",
|
|
4
4
|
"description": "CardTabs UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
],
|
|
33
33
|
"types": "dist/index.d.ts",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@synerise/ds-button": "^0.
|
|
36
|
-
"@synerise/ds-cruds": "^0.3.
|
|
37
|
-
"@synerise/ds-icon": "^0.
|
|
38
|
-
"@synerise/ds-inline-edit": "^0.6.
|
|
35
|
+
"@synerise/ds-button": "^0.17.1",
|
|
36
|
+
"@synerise/ds-cruds": "^0.3.8",
|
|
37
|
+
"@synerise/ds-icon": "^0.48.0",
|
|
38
|
+
"@synerise/ds-inline-edit": "^0.6.6",
|
|
39
39
|
"@synerise/ds-typography": "^0.12.2",
|
|
40
40
|
"react-sortablejs-typescript": "2.0.3",
|
|
41
41
|
"sortablejs": "^1.10.1"
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@types/lodash": "4.14.149"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "233a9fede96c39eb8c5feeb5f58c635053ba875a"
|
|
52
52
|
}
|