@rocket.chat/fuselage 0.37.0 → 0.38.0

package/dist/fuselage.development.js

@@ -2662,9 +2662,7 @@ var Callout = function (_a) {
         (type === 'warning' && 'warning') ||
         (type === 'danger' && 'ban') ||
         'info-circled';
-    return (react_1.default.createElement(Box_1.default, __assign({ is: 'section', className: [
-            "rcx-callout ".concat(type && "rcx-callout--".concat(type), " ").concat(className || ''),
-        ]
+    return (react_1.default.createElement(Box_1.default, __assign({ is: 'section', className: ['rcx-callout', type && "rcx-callout--".concat(type), className]
             .filter(Boolean)
             .join(' ') }, props),
         react_1.default.createElement(Icon_1.Icon, { className: 'rcx-callout__icon', name: icon || defaultIcon, size: 'x20' }),
@@ -4382,6 +4380,45 @@ var FieldLabel = function (props) {
 exports.FieldLabel = FieldLabel;
 
 
+/***/ }),
+
+/***/ "./src/components/Field/FieldLabelInfo.tsx":
+/*!*************************************************!*\
+  !*** ./src/components/Field/FieldLabelInfo.tsx ***!
+  \*************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.FieldLabelInfo = void 0;
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var WithErrorWrapper_1 = __importDefault(__webpack_require__(/*! ../../helpers/WithErrorWrapper */ "./src/helpers/WithErrorWrapper.tsx"));
+var LabelInfo_1 = __webpack_require__(/*! ../Label/LabelInfo */ "./src/components/Label/LabelInfo.tsx");
+var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
+var FieldLabelInfo = function (props) {
+    var component = react_1.default.createElement(LabelInfo_1.LabelInfo, __assign({}, props));
+    if (true) {
+        return (react_1.default.createElement(WithErrorWrapper_1.default, { context: Field_1.FieldContext, parentComponent: 'Field', componentName: exports.FieldLabelInfo.name }, component));
+    }
+    return component;
+};
+exports.FieldLabelInfo = FieldLabelInfo;
+
+
 /***/ }),
 
 /***/ "./src/components/Field/FieldLink.tsx":
@@ -4470,7 +4507,7 @@ exports.FieldRow = FieldRow;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.FieldRow = exports.FieldLink = exports.FieldLabel = exports.FieldHint = exports.FieldError = exports.FieldDescription = exports.Field = void 0;
+exports.FieldRow = exports.FieldLink = exports.FieldLabelInfo = exports.FieldLabel = exports.FieldHint = exports.FieldError = exports.FieldDescription = exports.Field = void 0;
 var Field_1 = __webpack_require__(/*! ./Field */ "./src/components/Field/Field.tsx");
 Object.defineProperty(exports, "Field", ({ enumerable: true, get: function () { return Field_1.Field; } }));
 var FieldDescription_1 = __webpack_require__(/*! ./FieldDescription */ "./src/components/Field/FieldDescription.tsx");
@@ -4481,6 +4518,8 @@ var FieldHint_1 = __webpack_require__(/*! ./FieldHint */ "./src/components/Field
 Object.defineProperty(exports, "FieldHint", ({ enumerable: true, get: function () { return FieldHint_1.FieldHint; } }));
 var FieldLabel_1 = __webpack_require__(/*! ./FieldLabel */ "./src/components/Field/FieldLabel.tsx");
 Object.defineProperty(exports, "FieldLabel", ({ enumerable: true, get: function () { return FieldLabel_1.FieldLabel; } }));
+var FieldLabelInfo_1 = __webpack_require__(/*! ./FieldLabelInfo */ "./src/components/Field/FieldLabelInfo.tsx");
+Object.defineProperty(exports, "FieldLabelInfo", ({ enumerable: true, get: function () { return FieldLabelInfo_1.FieldLabelInfo; } }));
 var FieldLink_1 = __webpack_require__(/*! ./FieldLink */ "./src/components/Field/FieldLink.tsx");
 Object.defineProperty(exports, "FieldLink", ({ enumerable: true, get: function () { return FieldLink_1.FieldLink; } }));
 var FieldRow_1 = __webpack_require__(/*! ./FieldRow */ "./src/components/Field/FieldRow.tsx");
@@ -5504,6 +5543,54 @@ function Label(_a) {
 exports.Label = Label;
 
 
+/***/ }),
+
+/***/ "./src/components/Label/LabelInfo.tsx":
+/*!********************************************!*\
+  !*** ./src/components/Label/LabelInfo.tsx ***!
+  \********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.LabelInfo = void 0;
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var Box_1 = __importDefault(__webpack_require__(/*! ../Box/Box */ "./src/components/Box/Box.tsx"));
+var Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
+var LabelInfo = function (_a) {
+    var title = _a.title, id = _a.id, props = __rest(_a, ["title", "id"]);
+    return (react_1.default.createElement(Box_1.default, { is: 'span', mi: 2, "rcx-label__info": true },
+        react_1.default.createElement("span", { hidden: true, id: id }, title),
+        react_1.default.createElement(Icon_1.Icon, __assign({}, props, { name: 'info-circled', title: title }))));
+};
+exports.LabelInfo = LabelInfo;
+
+
 /***/ }),
 
 /***/ "./src/components/Label/index.tsx":