@rocket.chat/fuselage 0.32.0-dev.176 → 0.32.0-dev.177

package/dist/components/Callout/Callout.d.ts

@@ -1,10 +1,12 @@
 import type { ComponentProps, ReactNode } from 'react';
 import Box from '../Box';
+import { Icon } from '../Icon';
 declare type CalloutProps = Omit<ComponentProps<typeof Box>, 'type' | 'name'> & {
     type?: 'info' | 'success' | 'warning' | 'danger';
     title?: ReactNode;
     children?: ReactNode;
+    icon?: ComponentProps<typeof Icon>['name'];
 };
-export declare const Callout: ({ children, title, type, ...props }: CalloutProps) => JSX.Element;
+export declare const Callout: ({ type, title, children, icon, ...props }: CalloutProps) => JSX.Element;
 export {};
 //# sourceMappingURL=Callout.d.ts.map

package/dist/components/Callout/Callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,GAAG,MAAM,QAAQ,CAAC;AAGzB,aAAK,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,wCAAyC,YAAY,gBAqBxE,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,GAAG,MAAM,QAAQ,CAAC;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,aAAK,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,OAAO,8CAMjB,YAAY,gBAqBd,CAAC"}

package/dist/fuselage.development.js

@@ -5864,14 +5864,14 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 var Callout = function (_a) {
-    var children = _a.children, title = _a.title, type = _a.type, props = __rest(_a, ["children", "title", "type"]);
-    var iconName = (type === 'info' && 'info-circled') ||
+    var type = _a.type, title = _a.title, children = _a.children, icon = _a.icon, props = __rest(_a, ["type", "title", "children", "icon"]);
+    var defaultIcon = (type === 'info' && 'info-circled') ||
         (type === 'success' && 'checkmark-circled') ||
         (type === 'warning' && 'warning') ||
         (type === 'danger' && 'ban') ||
         'info-circled';
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__["default"], __assign({ is: 'section', "rcx-callout": true, "rcx-callout--type": type }, props),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.Icon, { name: iconName, size: 'x20' }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.Icon, { name: icon || defaultIcon, size: 'x20' }),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__["default"], { "rcx-callout__wrapper": true },
             title && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__["default"], { is: 'h1', "rcx-callout__title": true }, title)),
             children && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__["default"], { "rcx-callout__children": true }, children))));