@rocket.chat/fuselage 0.38.1 → 0.38.2

package/dist/fuselage.development.js

@@ -2704,6 +2704,402 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 __exportStar(__webpack_require__(/*! ./Callout */ "./src/components/Callout/Callout.tsx"), exports);
 
 
+/***/ }),
+
+/***/ "./src/components/Card/Card.tsx":
+/*!**************************************!*\
+  !*** ./src/components/Card/Card.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 }));
+var fuselage_hooks_1 = __webpack_require__(/*! @rocket.chat/fuselage-hooks */ "@rocket.chat/fuselage-hooks");
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var Box_1 = __importDefault(__webpack_require__(/*! ../Box/Box */ "./src/components/Box/Box.tsx"));
+var Card = function (_a) {
+    var horizontal = _a.horizontal, props = __rest(_a, ["horizontal"]);
+    var breakpoints = (0, fuselage_hooks_1.useBreakpoints)();
+    var isMobile = !breakpoints.includes('sm');
+    return (react_1.default.createElement(Box_1.default, __assign({ "rcx-card": true, "rcx-card__horizontal": horizontal, "rcx-card__vertical": !horizontal, "rcx-card__horizontal--wrap": horizontal && isMobile }, props)));
+};
+exports["default"] = Card;
+
+
+/***/ }),
+
+/***/ "./src/components/Card/CardBody.tsx":
+/*!******************************************!*\
+  !*** ./src/components/Card/CardBody.tsx ***!
+  \******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var Box_1 = __importDefault(__webpack_require__(/*! ../Box/Box */ "./src/components/Box/Box.tsx"));
+var CardBody = function (_a) {
+    var children = _a.children, _b = _a.flexDirection, flexDirection = _b === void 0 ? 'row' : _b, height = _a.height;
+    return (react_1.default.createElement(Box_1.default, { fontScale: 'p2m', display: 'flex', flexDirection: flexDirection, flexGrow: 1, height: height, "rcx-card__body": true }, children));
+};
+exports["default"] = CardBody;
+
+
+/***/ }),
+
+/***/ "./src/components/Card/CardCol.tsx":
+/*!*****************************************!*\
+  !*** ./src/components/Card/CardCol.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 }));
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var CardCol = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement("div", __assign({ className: 'rcx-card__col' }, props), children));
+};
+exports["default"] = CardCol;
+
+
+/***/ }),
+
+/***/ "./src/components/Card/CardControls.tsx":
+/*!**********************************************!*\
+  !*** ./src/components/Card/CardControls.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 }));
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var CardControls = function (_a) {
+    var props = __rest(_a, []);
+    return (react_1.default.createElement("div", __assign({ className: 'rcx-card__controls' }, props)));
+};
+exports["default"] = CardControls;
+
+
+/***/ }),
+
+/***/ "./src/components/Card/CardHeader.tsx":
+/*!********************************************!*\
+  !*** ./src/components/Card/CardHeader.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 }));
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var CardHeader = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement("div", __assign({ className: 'rcx-card__header' }, props), children));
+};
+exports["default"] = CardHeader;
+
+
+/***/ }),
+
+/***/ "./src/components/Card/CardRow.tsx":
+/*!*****************************************!*\
+  !*** ./src/components/Card/CardRow.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 }));
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var CardRow = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement("div", __assign({ className: 'rcx-card__row' }, props), children));
+};
+exports["default"] = CardRow;
+
+
+/***/ }),
+
+/***/ "./src/components/Card/CardTitle.tsx":
+/*!*******************************************!*\
+  !*** ./src/components/Card/CardTitle.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 }));
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var Box_1 = __importDefault(__webpack_require__(/*! ../Box/Box */ "./src/components/Box/Box.tsx"));
+var LabelInfo_1 = __webpack_require__(/*! ../Label/LabelInfo */ "./src/components/Label/LabelInfo.tsx");
+var CardTitle = function (_a) {
+    var children = _a.children, info = _a.info, _b = _a.variant, variant = _b === void 0 ? 'h4' : _b, props = __rest(_a, ["children", "info", "variant"]);
+    return (react_1.default.createElement(Box_1.default, __assign({ fontScale: variant, is: variant, "rcx-card__title": true }, props),
+        children,
+        info && react_1.default.createElement(LabelInfo_1.LabelInfo, { title: info, mis: 2 })));
+};
+exports["default"] = CardTitle;
+
+
+/***/ }),
+
+/***/ "./src/components/Card/index.ts":
+/*!**************************************!*\
+  !*** ./src/components/Card/index.ts ***!
+  \**************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.CardHeader = exports.CardContent = exports.CardControls = exports.CardTitle = exports.CardRow = exports.CardCol = exports.CardBody = exports.Card = void 0;
+var Card_1 = __webpack_require__(/*! ./Card */ "./src/components/Card/Card.tsx");
+Object.defineProperty(exports, "Card", ({ enumerable: true, get: function () { return __importDefault(Card_1).default; } }));
+var CardBody_1 = __webpack_require__(/*! ./CardBody */ "./src/components/Card/CardBody.tsx");
+Object.defineProperty(exports, "CardBody", ({ enumerable: true, get: function () { return __importDefault(CardBody_1).default; } }));
+var CardCol_1 = __webpack_require__(/*! ./CardCol */ "./src/components/Card/CardCol.tsx");
+Object.defineProperty(exports, "CardCol", ({ enumerable: true, get: function () { return __importDefault(CardCol_1).default; } }));
+var CardRow_1 = __webpack_require__(/*! ./CardRow */ "./src/components/Card/CardRow.tsx");
+Object.defineProperty(exports, "CardRow", ({ enumerable: true, get: function () { return __importDefault(CardRow_1).default; } }));
+var CardTitle_1 = __webpack_require__(/*! ./CardTitle */ "./src/components/Card/CardTitle.tsx");
+Object.defineProperty(exports, "CardTitle", ({ enumerable: true, get: function () { return __importDefault(CardTitle_1).default; } }));
+var CardControls_1 = __webpack_require__(/*! ./CardControls */ "./src/components/Card/CardControls.tsx");
+Object.defineProperty(exports, "CardControls", ({ enumerable: true, get: function () { return __importDefault(CardControls_1).default; } }));
+var CardRow_2 = __webpack_require__(/*! ./CardRow */ "./src/components/Card/CardRow.tsx");
+Object.defineProperty(exports, "CardContent", ({ enumerable: true, get: function () { return __importDefault(CardRow_2).default; } }));
+var CardHeader_1 = __webpack_require__(/*! ./CardHeader */ "./src/components/Card/CardHeader.tsx");
+Object.defineProperty(exports, "CardHeader", ({ enumerable: true, get: function () { return __importDefault(CardHeader_1).default; } }));
+
+
+/***/ }),
+
+/***/ "./src/components/CardGroup/CardGroup.tsx":
+/*!************************************************!*\
+  !*** ./src/components/CardGroup/CardGroup.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.CardGroup = void 0;
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var appendClassName_1 = __webpack_require__(/*! ../../helpers/appendClassName */ "./src/helpers/appendClassName.ts");
+var patchChildren_1 = __webpack_require__(/*! ../../helpers/patchChildren */ "./src/helpers/patchChildren.ts");
+var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
+var CardGroup = function (_a) {
+    var _b = _a.align, align = _b === void 0 ? 'start' : _b, children = _a.children, stretch = _a.stretch, vertical = _a.vertical, wrap = _a.wrap, props = __rest(_a, ["align", "children", "stretch", "vertical", "wrap"]);
+    return (react_1.default.createElement(Box_1.default, __assign({ "rcx-card-group": true, "rcx-card-group--align": align, "rcx-card-group--stretch": stretch, "rcx-card-group--vertical": vertical, "rcx-card-group--wrap": wrap, role: 'group' }, props), (0, patchChildren_1.patchChildren)(children, function (childProps) { return ({
+        className: (0, appendClassName_1.appendClassName)(childProps.className, 'rcx-card-group__item'),
+    }); })));
+};
+exports.CardGroup = CardGroup;
+
+
+/***/ }),
+
+/***/ "./src/components/CardGroup/index.ts":
+/*!*******************************************!*\
+  !*** ./src/components/CardGroup/index.ts ***!
+  \*******************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__exportStar(__webpack_require__(/*! ./CardGroup */ "./src/components/CardGroup/CardGroup.tsx"), exports);
+
+
 /***/ }),
 
 /***/ "./src/components/CheckBox/CheckBox.tsx":
@@ -16632,6 +17028,8 @@ Object.defineProperty(exports, "ActionButton", ({ enumerable: true, get: functio
 Object.defineProperty(exports, "IconButton", ({ enumerable: true, get: function () { return Button_1.IconButton; } }));
 __exportStar(__webpack_require__(/*! ./ButtonGroup */ "./src/components/ButtonGroup/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./Callout */ "./src/components/Callout/index.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./Card */ "./src/components/Card/index.ts"), exports);
+__exportStar(__webpack_require__(/*! ./CardGroup */ "./src/components/CardGroup/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./CheckBox */ "./src/components/CheckBox/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./Chevron */ "./src/components/Chevron/index.tsx"), exports);
 var CodeSnippet_1 = __webpack_require__(/*! ./CodeSnippet */ "./src/components/CodeSnippet/index.tsx");