@sb1/ffe-buttons-react 20.0.0 → 20.0.2
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/es/ActionButton.js +4 -4
- package/es/BackButton.js +2 -2
- package/es/ExpandButton.js +2 -2
- package/es/InlineExpandButton.js +2 -2
- package/es/PrimaryButton.js +4 -4
- package/es/SecondaryButton.js +4 -4
- package/es/ShortcutButton.js +2 -2
- package/es/TaskButton.js +2 -2
- package/es/TertiaryButton.js +4 -4
- package/lib/ActionButton.js +4 -4
- package/lib/BackButton.js +2 -2
- package/lib/ExpandButton.js +2 -2
- package/lib/InlineExpandButton.js +2 -2
- package/lib/PrimaryButton.js +4 -4
- package/lib/SecondaryButton.js +4 -4
- package/lib/ShortcutButton.js +2 -2
- package/lib/TaskButton.js +2 -2
- package/lib/TertiaryButton.js +4 -4
- package/package.json +4 -4
package/es/ActionButton.js
CHANGED
|
@@ -16,13 +16,13 @@ export default function ActionButton(props) {
|
|
|
16
16
|
buttonType: "action",
|
|
17
17
|
className: classNames(className),
|
|
18
18
|
leftIcon: leftIcon && /*#__PURE__*/React.createElement(_Symbol, {
|
|
19
|
-
|
|
19
|
+
icon: leftIcon,
|
|
20
20
|
size: "sm"
|
|
21
|
-
}
|
|
21
|
+
}),
|
|
22
22
|
rightIcon: rightIcon && /*#__PURE__*/React.createElement(_Symbol, {
|
|
23
|
-
|
|
23
|
+
icon: rightIcon,
|
|
24
24
|
size: "sm"
|
|
25
|
-
}
|
|
25
|
+
})
|
|
26
26
|
}, rest));
|
|
27
27
|
}
|
|
28
28
|
ActionButton.propTypes = {
|
package/es/BackButton.js
CHANGED
|
@@ -7,9 +7,9 @@ var BackButton = function BackButton(props) {
|
|
|
7
7
|
return /*#__PURE__*/React.createElement(InlineButton, _extends({
|
|
8
8
|
buttonType: "back",
|
|
9
9
|
leftIcon: /*#__PURE__*/React.createElement(_Symbol, {
|
|
10
|
-
|
|
10
|
+
icon: "chevron_left",
|
|
11
11
|
size: "md"
|
|
12
|
-
}
|
|
12
|
+
})
|
|
13
13
|
}, props));
|
|
14
14
|
};
|
|
15
15
|
BackButton.propTypes = {
|
package/es/ExpandButton.js
CHANGED
|
@@ -23,10 +23,10 @@ var ExpandButton = function ExpandButton(props) {
|
|
|
23
23
|
ref: innerRef
|
|
24
24
|
}, rest), isExpanded && /*#__PURE__*/React.createElement(_Symbol, {
|
|
25
25
|
className: "ffe-button__icon",
|
|
26
|
-
|
|
26
|
+
icon: "close",
|
|
27
27
|
size: "sm",
|
|
28
28
|
weight: 300
|
|
29
|
-
}
|
|
29
|
+
}), !isExpanded && /*#__PURE__*/React.createElement("span", null, children));
|
|
30
30
|
};
|
|
31
31
|
ExpandButton.propTypes = {
|
|
32
32
|
/** The button label */
|
package/es/InlineExpandButton.js
CHANGED
|
@@ -15,8 +15,8 @@ var InlineExpandButton = function InlineExpandButton(props) {
|
|
|
15
15
|
className: isExpanded ? 'ffe-inline-button--expanded' : '',
|
|
16
16
|
rightIcon: /*#__PURE__*/React.createElement(_Symbol, {
|
|
17
17
|
size: "md",
|
|
18
|
-
|
|
19
|
-
}
|
|
18
|
+
icon: "expand_more"
|
|
19
|
+
})
|
|
20
20
|
}, rest));
|
|
21
21
|
};
|
|
22
22
|
InlineExpandButton.propTypes = {
|
package/es/PrimaryButton.js
CHANGED
|
@@ -13,13 +13,13 @@ var PrimaryButton = function PrimaryButton(props) {
|
|
|
13
13
|
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
14
14
|
buttonType: "primary",
|
|
15
15
|
leftIcon: leftIcon && /*#__PURE__*/React.createElement(_Symbol, {
|
|
16
|
-
|
|
16
|
+
icon: leftIcon,
|
|
17
17
|
size: "sm"
|
|
18
|
-
}
|
|
18
|
+
}),
|
|
19
19
|
rightIcon: rightIcon && /*#__PURE__*/React.createElement(_Symbol, {
|
|
20
|
-
|
|
20
|
+
icon: rightIcon,
|
|
21
21
|
size: "sm"
|
|
22
|
-
}
|
|
22
|
+
})
|
|
23
23
|
}, rest));
|
|
24
24
|
};
|
|
25
25
|
PrimaryButton.propTypes = {
|
package/es/SecondaryButton.js
CHANGED
|
@@ -13,13 +13,13 @@ var SecondaryButton = function SecondaryButton(props) {
|
|
|
13
13
|
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
14
14
|
buttonType: "secondary",
|
|
15
15
|
leftIcon: leftIcon && /*#__PURE__*/React.createElement(_Symbol, {
|
|
16
|
-
|
|
16
|
+
icon: leftIcon,
|
|
17
17
|
size: "sm"
|
|
18
|
-
}
|
|
18
|
+
}),
|
|
19
19
|
rightIcon: rightIcon && /*#__PURE__*/React.createElement(_Symbol, {
|
|
20
|
-
|
|
20
|
+
icon: rightIcon,
|
|
21
21
|
size: "sm"
|
|
22
|
-
}
|
|
22
|
+
})
|
|
23
23
|
}, rest));
|
|
24
24
|
};
|
|
25
25
|
SecondaryButton.propTypes = {
|
package/es/ShortcutButton.js
CHANGED
|
@@ -7,9 +7,9 @@ var ShortcutButton = function ShortcutButton(props) {
|
|
|
7
7
|
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
8
8
|
buttonType: "shortcut",
|
|
9
9
|
rightIcon: /*#__PURE__*/React.createElement(_Symbol, {
|
|
10
|
-
|
|
10
|
+
icon: "chevron_right",
|
|
11
11
|
size: "md"
|
|
12
|
-
}
|
|
12
|
+
})
|
|
13
13
|
}, props));
|
|
14
14
|
};
|
|
15
15
|
ShortcutButton.propTypes = {
|
package/es/TaskButton.js
CHANGED
|
@@ -12,9 +12,9 @@ var TaskButton = function TaskButton(_ref) {
|
|
|
12
12
|
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
13
13
|
buttonType: "task",
|
|
14
14
|
leftIcon: /*#__PURE__*/React.createElement(_Symbol, {
|
|
15
|
-
|
|
15
|
+
icon: icon,
|
|
16
16
|
size: "sm"
|
|
17
|
-
}
|
|
17
|
+
})
|
|
18
18
|
}, rest));
|
|
19
19
|
};
|
|
20
20
|
TaskButton.propTypes = {
|
package/es/TertiaryButton.js
CHANGED
|
@@ -13,13 +13,13 @@ var TertiaryButton = function TertiaryButton(props) {
|
|
|
13
13
|
return /*#__PURE__*/React.createElement(InlineButton, _extends({
|
|
14
14
|
buttonType: "tertiary",
|
|
15
15
|
leftIcon: leftIcon && /*#__PURE__*/React.createElement(_Symbol, {
|
|
16
|
-
|
|
16
|
+
icon: leftIcon,
|
|
17
17
|
size: "sm"
|
|
18
|
-
}
|
|
18
|
+
}),
|
|
19
19
|
rightIcon: rightIcon && /*#__PURE__*/React.createElement(_Symbol, {
|
|
20
|
-
|
|
20
|
+
icon: rightIcon,
|
|
21
21
|
size: "sm"
|
|
22
|
-
}
|
|
22
|
+
})
|
|
23
23
|
}, rest));
|
|
24
24
|
};
|
|
25
25
|
TertiaryButton.propTypes = {
|
package/lib/ActionButton.js
CHANGED
|
@@ -23,13 +23,13 @@ function ActionButton(props) {
|
|
|
23
23
|
buttonType: "action",
|
|
24
24
|
className: (0, _classnames.default)(className),
|
|
25
25
|
leftIcon: leftIcon && /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
26
|
-
|
|
26
|
+
icon: leftIcon,
|
|
27
27
|
size: "sm"
|
|
28
|
-
}
|
|
28
|
+
}),
|
|
29
29
|
rightIcon: rightIcon && /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
30
|
-
|
|
30
|
+
icon: rightIcon,
|
|
31
31
|
size: "sm"
|
|
32
|
-
}
|
|
32
|
+
})
|
|
33
33
|
}, rest));
|
|
34
34
|
}
|
|
35
35
|
ActionButton.propTypes = {
|
package/lib/BackButton.js
CHANGED
|
@@ -14,9 +14,9 @@ var BackButton = function BackButton(props) {
|
|
|
14
14
|
return /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({
|
|
15
15
|
buttonType: "back",
|
|
16
16
|
leftIcon: /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
17
|
-
|
|
17
|
+
icon: "chevron_left",
|
|
18
18
|
size: "md"
|
|
19
|
-
}
|
|
19
|
+
})
|
|
20
20
|
}, props));
|
|
21
21
|
};
|
|
22
22
|
BackButton.propTypes = {
|
package/lib/ExpandButton.js
CHANGED
|
@@ -30,10 +30,10 @@ var ExpandButton = function ExpandButton(props) {
|
|
|
30
30
|
ref: innerRef
|
|
31
31
|
}, rest), isExpanded && /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
32
32
|
className: "ffe-button__icon",
|
|
33
|
-
|
|
33
|
+
icon: "close",
|
|
34
34
|
size: "sm",
|
|
35
35
|
weight: 300
|
|
36
|
-
}
|
|
36
|
+
}), !isExpanded && /*#__PURE__*/_react.default.createElement("span", null, children));
|
|
37
37
|
};
|
|
38
38
|
ExpandButton.propTypes = {
|
|
39
39
|
/** The button label */
|
|
@@ -22,8 +22,8 @@ var InlineExpandButton = function InlineExpandButton(props) {
|
|
|
22
22
|
className: isExpanded ? 'ffe-inline-button--expanded' : '',
|
|
23
23
|
rightIcon: /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
24
24
|
size: "md",
|
|
25
|
-
|
|
26
|
-
}
|
|
25
|
+
icon: "expand_more"
|
|
26
|
+
})
|
|
27
27
|
}, rest));
|
|
28
28
|
};
|
|
29
29
|
InlineExpandButton.propTypes = {
|
package/lib/PrimaryButton.js
CHANGED
|
@@ -20,13 +20,13 @@ var PrimaryButton = function PrimaryButton(props) {
|
|
|
20
20
|
return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
|
|
21
21
|
buttonType: "primary",
|
|
22
22
|
leftIcon: leftIcon && /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
23
|
-
|
|
23
|
+
icon: leftIcon,
|
|
24
24
|
size: "sm"
|
|
25
|
-
}
|
|
25
|
+
}),
|
|
26
26
|
rightIcon: rightIcon && /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
27
|
-
|
|
27
|
+
icon: rightIcon,
|
|
28
28
|
size: "sm"
|
|
29
|
-
}
|
|
29
|
+
})
|
|
30
30
|
}, rest));
|
|
31
31
|
};
|
|
32
32
|
PrimaryButton.propTypes = {
|
package/lib/SecondaryButton.js
CHANGED
|
@@ -20,13 +20,13 @@ var SecondaryButton = function SecondaryButton(props) {
|
|
|
20
20
|
return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
|
|
21
21
|
buttonType: "secondary",
|
|
22
22
|
leftIcon: leftIcon && /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
23
|
-
|
|
23
|
+
icon: leftIcon,
|
|
24
24
|
size: "sm"
|
|
25
|
-
}
|
|
25
|
+
}),
|
|
26
26
|
rightIcon: rightIcon && /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
27
|
-
|
|
27
|
+
icon: rightIcon,
|
|
28
28
|
size: "sm"
|
|
29
|
-
}
|
|
29
|
+
})
|
|
30
30
|
}, rest));
|
|
31
31
|
};
|
|
32
32
|
SecondaryButton.propTypes = {
|
package/lib/ShortcutButton.js
CHANGED
|
@@ -14,9 +14,9 @@ var ShortcutButton = function ShortcutButton(props) {
|
|
|
14
14
|
return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
|
|
15
15
|
buttonType: "shortcut",
|
|
16
16
|
rightIcon: /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
17
|
-
|
|
17
|
+
icon: "chevron_right",
|
|
18
18
|
size: "md"
|
|
19
|
-
}
|
|
19
|
+
})
|
|
20
20
|
}, props));
|
|
21
21
|
};
|
|
22
22
|
ShortcutButton.propTypes = {
|
package/lib/TaskButton.js
CHANGED
|
@@ -19,9 +19,9 @@ var TaskButton = function TaskButton(_ref) {
|
|
|
19
19
|
return /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({
|
|
20
20
|
buttonType: "task",
|
|
21
21
|
leftIcon: /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
22
|
-
|
|
22
|
+
icon: icon,
|
|
23
23
|
size: "sm"
|
|
24
|
-
}
|
|
24
|
+
})
|
|
25
25
|
}, rest));
|
|
26
26
|
};
|
|
27
27
|
TaskButton.propTypes = {
|
package/lib/TertiaryButton.js
CHANGED
|
@@ -20,13 +20,13 @@ var TertiaryButton = function TertiaryButton(props) {
|
|
|
20
20
|
return /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({
|
|
21
21
|
buttonType: "tertiary",
|
|
22
22
|
leftIcon: leftIcon && /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
23
|
-
|
|
23
|
+
icon: leftIcon,
|
|
24
24
|
size: "sm"
|
|
25
|
-
}
|
|
25
|
+
}),
|
|
26
26
|
rightIcon: rightIcon && /*#__PURE__*/_react.default.createElement(_ffeSymbolsReact.default, {
|
|
27
|
-
|
|
27
|
+
icon: rightIcon,
|
|
28
28
|
size: "sm"
|
|
29
|
-
}
|
|
29
|
+
})
|
|
30
30
|
}, rest));
|
|
31
31
|
};
|
|
32
32
|
TertiaryButton.propTypes = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-buttons-react",
|
|
3
|
-
"version": "20.0.
|
|
3
|
+
"version": "20.0.2",
|
|
4
4
|
"description": "React implementation of ffe-buttons",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ffe"
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
"test:watch": "ffe-buildtool jest --watch"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@sb1/ffe-buttons": "^18.0.
|
|
32
|
-
"@sb1/ffe-symbols-react": "^2.0.
|
|
31
|
+
"@sb1/ffe-buttons": "^18.0.1",
|
|
32
|
+
"@sb1/ffe-symbols-react": "^2.0.4",
|
|
33
33
|
"classnames": "^2.3.1",
|
|
34
34
|
"prop-types": "^15.7.2"
|
|
35
35
|
},
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"publishConfig": {
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "6887537e950b6104716ac2b8145f78bf64b69b07"
|
|
50
50
|
}
|