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/esm/index.js
CHANGED
|
@@ -1923,6 +1923,7 @@ var BtnComponent = React.forwardRef(function (_a, ref) {
|
|
|
1923
1923
|
var horizontalSizeClass = {
|
|
1924
1924
|
xxs: styles$l.btn_w_xxs,
|
|
1925
1925
|
xs: styles$l.btn_w_xs,
|
|
1926
|
+
s: styles$l.btn_w_s,
|
|
1926
1927
|
l: styles$l.btn_w_l,
|
|
1927
1928
|
};
|
|
1928
1929
|
var fontSizeClass = {
|
|
@@ -2018,8 +2019,6 @@ var BtnComponent = React.forwardRef(function (_a, ref) {
|
|
|
2018
2019
|
});
|
|
2019
2020
|
}
|
|
2020
2021
|
return (React.createElement(React.Fragment, null,
|
|
2021
|
-
(tooltip || tooltipHTML) &&
|
|
2022
|
-
React.createElement(Tooltip, { text: tooltip, html: tooltipHTML, id: tooltipID }),
|
|
2023
2022
|
htmlTag == 'button' &&
|
|
2024
2023
|
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 },
|
|
2025
2024
|
icon && iconPosition !== 'after' &&
|
|
@@ -2033,7 +2032,9 @@ var BtnComponent = React.forwardRef(function (_a, ref) {
|
|
|
2033
2032
|
icon && iconPosition === 'after' &&
|
|
2034
2033
|
React.createElement("i", { className: [styles$l.btn_icon, styles$l.btn_last_icon, icon].join(' ') }),
|
|
2035
2034
|
customIcon && iconPosition === 'after' &&
|
|
2036
|
-
React.createElement("span", { className: [styles$l.btn_icon_custom, styles$l.btn_last_icon, icon].join(' ') }, customIcon)
|
|
2035
|
+
React.createElement("span", { className: [styles$l.btn_icon_custom, styles$l.btn_last_icon, icon].join(' ') }, customIcon),
|
|
2036
|
+
(tooltip || tooltipHTML) &&
|
|
2037
|
+
React.createElement(Tooltip, { text: tooltip, html: tooltipHTML, id: tooltipID })),
|
|
2037
2038
|
htmlTag == 'a' &&
|
|
2038
2039
|
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 },
|
|
2039
2040
|
icon && iconPosition !== 'after' &&
|
|
@@ -2047,7 +2048,9 @@ var BtnComponent = React.forwardRef(function (_a, ref) {
|
|
|
2047
2048
|
icon && iconPosition === 'after' &&
|
|
2048
2049
|
React.createElement("i", { className: [styles$l.btn_icon, styles$l.btn_last_icon, icon].join(' ') }),
|
|
2049
2050
|
customIcon && iconPosition === 'after' &&
|
|
2050
|
-
React.createElement("span", { className: [styles$l.btn_icon_custom, styles$l.btn_last_icon, icon].join(' ') }, customIcon)
|
|
2051
|
+
React.createElement("span", { className: [styles$l.btn_icon_custom, styles$l.btn_last_icon, icon].join(' ') }, customIcon),
|
|
2052
|
+
(tooltip || tooltipHTML) &&
|
|
2053
|
+
React.createElement(Tooltip, { text: tooltip, html: tooltipHTML, id: tooltipID }))));
|
|
2051
2054
|
});
|
|
2052
2055
|
function BtnGroup(_a) {
|
|
2053
2056
|
var children = _a.children, _b = _a.gap, gap = _b === void 0 ? 'm' : _b;
|