ui-beyable 1.1.0-beta.13 → 1.1.0-beta.14
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
type sizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
3
|
-
type horizontalSizeType = 'xs' | 's' | 'm' | 'l';
|
|
3
|
+
type horizontalSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l';
|
|
4
4
|
type fontSizeType = 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
5
5
|
interface IBtn {
|
|
6
6
|
children?: React.ReactNode;
|
package/lib/cjs/index.js
CHANGED
|
@@ -1925,6 +1925,7 @@ var BtnComponent = React.forwardRef(function (_a, ref) {
|
|
|
1925
1925
|
var horizontalSizeClass = {
|
|
1926
1926
|
xxs: styles$l.btn_w_xxs,
|
|
1927
1927
|
xs: styles$l.btn_w_xs,
|
|
1928
|
+
s: styles$l.btn_w_s,
|
|
1928
1929
|
l: styles$l.btn_w_l,
|
|
1929
1930
|
};
|
|
1930
1931
|
var fontSizeClass = {
|
|
@@ -2020,8 +2021,6 @@ var BtnComponent = React.forwardRef(function (_a, ref) {
|
|
|
2020
2021
|
});
|
|
2021
2022
|
}
|
|
2022
2023
|
return (React.createElement(React.Fragment, null,
|
|
2023
|
-
(tooltip || tooltipHTML) &&
|
|
2024
|
-
React.createElement(Tooltip, { text: tooltip, html: tooltipHTML, id: tooltipID }),
|
|
2025
2024
|
htmlTag == 'button' &&
|
|
2026
2025
|
React.createElement("button", { type: type, className: cssClass.join(' '), onClick: function (e) { return click(e); }, onMouseDown: onMouseDown, "data-tooltip-content": tooltipHTML ? 'a' : tooltip, "data-tooltip-id": tooltipID, ref: ref },
|
|
2027
2026
|
icon && iconPosition !== 'after' &&
|
|
@@ -2035,7 +2034,9 @@ var BtnComponent = React.forwardRef(function (_a, ref) {
|
|
|
2035
2034
|
icon && iconPosition === 'after' &&
|
|
2036
2035
|
React.createElement("i", { className: [styles$l.btn_icon, styles$l.btn_last_icon, icon].join(' ') }),
|
|
2037
2036
|
customIcon && iconPosition === 'after' &&
|
|
2038
|
-
React.createElement("span", { className: [styles$l.btn_icon_custom, styles$l.btn_last_icon, icon].join(' ') }, customIcon)
|
|
2037
|
+
React.createElement("span", { className: [styles$l.btn_icon_custom, styles$l.btn_last_icon, icon].join(' ') }, customIcon),
|
|
2038
|
+
(tooltip || tooltipHTML) &&
|
|
2039
|
+
React.createElement(Tooltip, { text: tooltip, html: tooltipHTML, id: tooltipID })),
|
|
2039
2040
|
htmlTag == 'a' &&
|
|
2040
2041
|
React.createElement("a", { className: cssClass.join(' '), onClick: function (e) { return click(e); }, onMouseDown: onMouseDown, target: target, href: disabled ? undefined : href, "data-tooltip-content": tooltipHTML ? 'a' : tooltip, "data-tooltip-id": tooltipID, ref: ref, rel: rel },
|
|
2041
2042
|
icon && iconPosition !== 'after' &&
|
|
@@ -2049,7 +2050,9 @@ var BtnComponent = React.forwardRef(function (_a, ref) {
|
|
|
2049
2050
|
icon && iconPosition === 'after' &&
|
|
2050
2051
|
React.createElement("i", { className: [styles$l.btn_icon, styles$l.btn_last_icon, icon].join(' ') }),
|
|
2051
2052
|
customIcon && iconPosition === 'after' &&
|
|
2052
|
-
React.createElement("span", { className: [styles$l.btn_icon_custom, styles$l.btn_last_icon, icon].join(' ') }, customIcon)
|
|
2053
|
+
React.createElement("span", { className: [styles$l.btn_icon_custom, styles$l.btn_last_icon, icon].join(' ') }, customIcon),
|
|
2054
|
+
(tooltip || tooltipHTML) &&
|
|
2055
|
+
React.createElement(Tooltip, { text: tooltip, html: tooltipHTML, id: tooltipID }))));
|
|
2053
2056
|
});
|
|
2054
2057
|
function BtnGroup(_a) {
|
|
2055
2058
|
var children = _a.children, _b = _a.gap, gap = _b === void 0 ? 'm' : _b;
|