@rocket.chat/fuselage 0.35.0 → 0.37.0
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 +16 -0
- package/dist/Theme.d.ts +3 -1
- package/dist/Theme.d.ts.map +1 -1
- package/dist/components/Button/ActionButton.d.ts +2 -1
- package/dist/components/Button/ActionButton.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts +3 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Contextualbar/ContextualbarButton.d.ts +2 -1
- package/dist/components/Contextualbar/ContextualbarButton.d.ts.map +1 -1
- package/dist/components/Message/MessageMetrics/index.d.ts +2 -1
- package/dist/components/Message/MessageMetrics/index.d.ts.map +1 -1
- package/dist/components/Message/index.d.ts +2 -1
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/fuselage.css +1 -1
- package/dist/fuselage.css.map +1 -1
- package/dist/fuselage.development.js +5 -3
- package/dist/fuselage.development.js.map +1 -1
- package/dist/fuselage.production.js +1 -1
- package/package.json +1 -1
|
@@ -492,6 +492,7 @@ exports.surfaceColors = {
|
|
|
492
492
|
'surface-featured-hover': purple['800'].theme('surface-featured-hover'),
|
|
493
493
|
'surface-overlay': exports.neutral[800].theme('surface-overlay'),
|
|
494
494
|
'surface-transparent': 'transparent',
|
|
495
|
+
'surface-sidebar': exports.neutral[400].theme('surface-sidebar'),
|
|
495
496
|
};
|
|
496
497
|
exports.strokeColors = {
|
|
497
498
|
'stroke-extra-light': exports.neutral[250].theme('stroke-extra-light'),
|
|
@@ -2353,7 +2354,7 @@ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
|
|
|
2353
2354
|
var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
|
|
2354
2355
|
var Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
|
|
2355
2356
|
exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
2356
|
-
var primary = _a.primary, secondary = _a.secondary, danger = _a.danger, warning = _a.warning, success = _a.success, external = _a.external, icon = _a.icon, _b = _a.is, is = _b === void 0 ? 'button' : _b, _rel = _a.rel, tiny = _a.tiny, mini = _a.mini, small = _a.small, medium = _a.medium, large = _a.large, square = _a.square, children = _a.children, props = __rest(_a, ["primary", "secondary", "danger", "warning", "success", "external", "icon", "is", "rel", "tiny", "mini", "small", "medium", "large", "square", "children"]);
|
|
2357
|
+
var primary = _a.primary, secondary = _a.secondary, danger = _a.danger, warning = _a.warning, success = _a.success, external = _a.external, icon = _a.icon, _b = _a.is, is = _b === void 0 ? 'button' : _b, _rel = _a.rel, tiny = _a.tiny, mini = _a.mini, small = _a.small, medium = _a.medium, large = _a.large, square = _a.square, loading = _a.loading, disabled = _a.disabled, children = _a.children, props = __rest(_a, ["primary", "secondary", "danger", "warning", "success", "external", "icon", "is", "rel", "tiny", "mini", "small", "medium", "large", "square", "loading", "disabled", "children"]);
|
|
2357
2358
|
var extraProps = (is === 'a' && {
|
|
2358
2359
|
rel: external ? 'noopener noreferrer' : undefined,
|
|
2359
2360
|
target: external ? '_blank' : undefined,
|
|
@@ -2379,9 +2380,10 @@ exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
|
2379
2380
|
}
|
|
2380
2381
|
return {};
|
|
2381
2382
|
}, [primary, secondary, danger, warning, success]);
|
|
2382
|
-
return (react_1.default.createElement(Box_1.default, __assign({ is: is, type: 'button', "rcx-button": true }, kindAndVariantProps, { "rcx-button--small": small, "rcx-button--medium": medium, "rcx-button--large": large, "rcx-button--square": square, "rcx-button--tiny-square": tiny && square, "rcx-button--mini-square": mini && square, "rcx-button--small-square": small && square, "rcx-button--medium-square": medium && square, "rcx-button--large-square": large && square, ref: ref }, extraProps, props),
|
|
2383
|
+
return (react_1.default.createElement(Box_1.default, __assign({ is: is, type: 'button', "rcx-button": true }, kindAndVariantProps, { "rcx-button--small": small, "rcx-button--medium": medium, "rcx-button--large": large, "rcx-button--square": square, "rcx-button--tiny-square": tiny && square, "rcx-button--mini-square": mini && square, "rcx-button--small-square": small && square, "rcx-button--medium-square": medium && square, "rcx-button--large-square": large && square, "rcx-button--loading": loading, disabled: disabled || loading, ref: ref }, extraProps, props),
|
|
2383
2384
|
react_1.default.createElement("span", { className: 'rcx-button--content' },
|
|
2384
|
-
icon && react_1.default.createElement(Icon_1.Icon, { size: 'x16', name: icon, mie: 4 }),
|
|
2385
|
+
icon && !loading && react_1.default.createElement(Icon_1.Icon, { size: 'x16', name: icon, mie: 4 }),
|
|
2386
|
+
loading && react_1.default.createElement(Icon_1.Icon, { size: 'x16', name: 'loading', mie: 4 }),
|
|
2385
2387
|
children)));
|
|
2386
2388
|
});
|
|
2387
2389
|
exports["default"] = exports.Button;
|