@rocket.chat/fuselage 0.38.4 → 0.40.0

package/dist/fuselage.development.js

@@ -2743,10 +2743,10 @@ var fuselage_hooks_1 = __webpack_require__(/*! @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 horizontal = _a.horizontal, hero = _a.hero, props = __rest(_a, ["horizontal", "hero"]);
     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)));
+    return (react_1.default.createElement(Box_1.default, __assign({ "rcx-card": true, "rcx-card__horizontal": horizontal, "rcx-card__vertical": !horizontal, "rcx-card__hero": hero, "rcx-card__horizontal--wrap": horizontal && isMobile }, props)));
 };
 exports["default"] = Card;
 
@@ -2760,6 +2760,28 @@ exports["default"] = Card;
 /***/ (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 };
 };
@@ -2767,8 +2789,8 @@ 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));
+    var children = _a.children, _b = _a.flexDirection, flexDirection = _b === void 0 ? 'row' : _b, height = _a.height, props = __rest(_a, ["children", "flexDirection", "height"]);
+    return (react_1.default.createElement(Box_1.default, __assign({ fontScale: 'p2m', display: 'flex', flexDirection: flexDirection, flexGrow: 1, height: height, "rcx-card__body": true }, props), children));
 };
 exports["default"] = CardBody;
 
@@ -3024,6 +3046,101 @@ var CardHeader_1 = __webpack_require__(/*! ./CardHeader */ "./src/components/Car
 Object.defineProperty(exports, "CardHeader", ({ enumerable: true, get: function () { return __importDefault(CardHeader_1).default; } }));
 
 
+/***/ }),
+
+/***/ "./src/components/CardGrid/CardGrid.tsx":
+/*!**********************************************!*\
+  !*** ./src/components/CardGrid/CardGrid.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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.CardGrid = void 0;
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var Grid_1 = __importStar(__webpack_require__(/*! ../Grid */ "./src/components/Grid/index.ts"));
+var CardGrid = function (_a) {
+    var children = _a.children, breakpoints = _a.breakpoints, props = __rest(_a, ["children", "breakpoints"]);
+    return (react_1.default.createElement(Grid_1.default, __assign({ "rcx-card-grid": true, m: -8 }, props), react_1.default.Children.map(children, function (child) { return (react_1.default.createElement(Grid_1.GridItem, __assign({ "rcx-card-grid__item": true, p: 8 }, breakpoints), child)); })));
+};
+exports.CardGrid = CardGrid;
+
+
+/***/ }),
+
+/***/ "./src/components/CardGrid/index.ts":
+/*!******************************************!*\
+  !*** ./src/components/CardGrid/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__(/*! ./CardGrid */ "./src/components/CardGrid/CardGrid.tsx"), exports);
+
+
 /***/ }),
 
 /***/ "./src/components/CardGroup/CardGroup.tsx":
@@ -3162,7 +3279,6 @@ exports.CheckBox = void 0;
 var fuselage_hooks_1 = __webpack_require__(/*! @rocket.chat/fuselage-hooks */ "@rocket.chat/fuselage-hooks");
 var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
 exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
     var indeterminate = _a.indeterminate, onChange = _a.onChange, className = _a.className, props = __rest(_a, ["indeterminate", "onChange", "className"]);
     var innerRef = (0, react_1.useRef)(null);
@@ -3178,7 +3294,7 @@ exports.CheckBox = (0, react_1.forwardRef)(function CheckBox(_a, ref) {
         }
         onChange && onChange.call(innerRef.current, event);
     }, [innerRef, indeterminate, onChange]);
-    return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, className: className, "rcx-check-box": true },
+    return (react_1.default.createElement(Box_1.default, { is: 'label', className: className, "rcx-check-box": true },
         react_1.default.createElement(Box_1.default, __assign({ is: 'input', type: 'checkbox', "rcx-check-box__input": true, ref: mergedRef, onChange: handleChange }, props)),
         react_1.default.createElement(Box_1.default, { is: 'i', "rcx-check-box__fake": true, "aria-hidden": 'true' })));
 });
@@ -12655,10 +12771,9 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.RadioButton = void 0;
 var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
 exports.RadioButton = (0, react_1.forwardRef)(function RadioButton(_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, className: className, "rcx-radio-button": true },
+    return (react_1.default.createElement(Box_1.default, { is: 'label', className: className, "rcx-radio-button": true },
         react_1.default.createElement(Box_1.default, __assign({ is: 'input', "rcx-radio-button__input": true, type: 'radio', ref: ref }, props)),
         react_1.default.createElement(Box_1.default, { is: 'i', "rcx-radio-button__fake": true, "aria-hidden": 'true' })));
 });
@@ -16764,10 +16879,9 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ToggleSwitch = void 0;
 var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
-var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
 exports.ToggleSwitch = (0, react_1.forwardRef)(function ToggleSwitch(_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, className: className, "rcx-toggle-switch": true },
+    return (react_1.default.createElement(Box_1.default, { is: 'label', className: className, "rcx-toggle-switch": true },
         react_1.default.createElement(Box_1.default, __assign({ is: 'input', ref: ref, "rcx-toggle-switch__input": true, type: 'checkbox' }, props)),
         react_1.default.createElement(Box_1.default, { is: 'i', "rcx-toggle-switch__fake": true, "aria-hidden": 'true' })));
 });
@@ -17030,6 +17144,7 @@ __exportStar(__webpack_require__(/*! ./ButtonGroup */ "./src/components/ButtonGr
 __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__(/*! ./CardGrid */ "./src/components/CardGrid/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");