@bento-core/tab 1.0.0-c3dc.0 → 1.0.0-c3dc.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.
Files changed (3) hide show
  1. package/dist/Tabs.js +19 -3
  2. package/package.json +1 -1
  3. package/src/Tabs.js +18 -15
package/dist/Tabs.js CHANGED
@@ -30,9 +30,25 @@ const TabItems = _ref => {
30
30
  clsName,
31
31
  index
32
32
  } = _ref2;
33
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, name, count && /*#__PURE__*/_react.default.createElement("span", {
34
- className: "index_".concat(index, " ").concat(clsName, "_count")
35
- }, count)));
33
+ return /*#__PURE__*/_react.default.createElement("div", {
34
+ style: {
35
+ display: 'flex',
36
+ flexDirection: 'row',
37
+ alignItems: 'center'
38
+ }
39
+ }, /*#__PURE__*/_react.default.createElement("span", {
40
+ style: {
41
+ display: 'flex',
42
+ flexDirection: 'column'
43
+ }
44
+ }, name.split(' ').map((word, index2) => /*#__PURE__*/_react.default.createElement("span", {
45
+ key: index2
46
+ }, word))), count && /*#__PURE__*/_react.default.createElement("span", {
47
+ className: "index_".concat(index, " ").concat(clsName, "_count"),
48
+ style: {
49
+ paddingLeft: '4px'
50
+ }
51
+ }, count));
36
52
  };
37
53
  const TABs = tabItems.map((tab, index) => tab.hasToolTip ? /*#__PURE__*/_react.default.createElement(_toolTip.default, _extends({}, tab.tooltipStyles, {
38
54
  title: tab.toolTipText || '.',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento-core/tab",
3
- "version": "1.0.0-c3dc.0",
3
+ "version": "1.0.0-c3dc.1",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/Tabs.js CHANGED
@@ -18,18 +18,21 @@ const TabItems = ({
18
18
  const getTabLalbel = ({
19
19
  name, count, clsName, index,
20
20
  }) => (
21
- <>
22
- <span>
23
- {name}
24
- {count && (
25
- <span
26
- className={`index_${index} ${clsName}_count`}
27
- >
28
- {count}
29
- </span>
30
- )}
21
+ <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
22
+ <span style={{ display: 'flex', flexDirection: 'column' }}>
23
+ {name.split(' ').map((word, index2) => (
24
+ <span key={index2}>{word}</span>
25
+ ))}
31
26
  </span>
32
- </>
27
+ {count && (
28
+ <span
29
+ className={`index_${index} ${clsName}_count`}
30
+ style={{ paddingLeft: '4px' }}
31
+ >
32
+ {count}
33
+ </span>
34
+ )}
35
+ </div>
33
36
  );
34
37
 
35
38
  const TABs = tabItems.map((tab, index) => (
@@ -40,8 +43,8 @@ const TabItems = ({
40
43
  <Tab
41
44
  index={index}
42
45
  label={
43
- getTabLalbel({ ...tab, index })
44
- }
46
+ getTabLalbel({ ...tab, index })
47
+ }
45
48
  key={index}
46
49
  className={tab.clsName}
47
50
  disableRipple
@@ -52,8 +55,8 @@ const TabItems = ({
52
55
  <Tab
53
56
  index={index}
54
57
  label={
55
- getTabLalbel({ ...tab, index })
56
- }
58
+ getTabLalbel({ ...tab, index })
59
+ }
57
60
  key={index}
58
61
  className={tab.clsName}
59
62
  disableRipple