@rocket.chat/fuselage 0.30.1 → 0.31.0

package/README.md

@@ -10,7 +10,7 @@
 
 ---
 
-![npm@latest](https://img.shields.io/npm/v/@rocket.chat/fuselage/latest?style=flat-square) ![npm@next](https://img.shields.io/npm/v/@rocket.chat/fuselage/next?style=flat-square) ![react version](https://img.shields.io/npm/dependency-version/@rocket.chat/fuselage/peer/react?style=flat-square) [![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://rocketchat.github.io/Rocket.Chat.Fuselage/fuselage) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/fuselage?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/fuselage?style=flat-square)
+[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/fuselage/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/icons/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/fuselage/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/icons/v/next) ![react version](https://img.shields.io/npm/dependency-version/@rocket.chat/fuselage/peer/react?style=flat-square) [![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://rocketchat.github.io/Rocket.Chat.Fuselage/fuselage) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/fuselage?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/fuselage?style=flat-square)
 
 ![deps](https://img.shields.io/david/RocketChat/Rocket.Chat.Fuselage?path=packages%2Ffuselage&style=flat-square) ![peer deps](https://img.shields.io/david/peer/RocketChat/Rocket.Chat.Fuselage?path=packages%2Ffuselage&style=flat-square) ![dev deps](https://img.shields.io/david/dev/RocketChat/Rocket.Chat.Fuselage?path=packages%2Ffuselage&style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/fuselage?style=flat-square)
 
@@ -78,13 +78,13 @@ yarn lint
 
 Some linter warnings and errors can be automatically fixed:
 
-<!--yarn(lint-fix)-->
+<!--yarn(lint-and-fix)-->
 
 ```sh
-yarn lint-fix
+yarn lint-and-fix
 ```
 
-<!--/yarn(lint-fix)-->
+<!--/yarn(lint-and-fix)-->
 
 ### Running tests
 

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,15 @@
+import { AllHTMLAttributes, FC, ReactNode } from 'react';
+
+type BannerProps = {
+  inline?: boolean;
+  actionable?: boolean;
+  closeable?: boolean;
+  icon?: ReactNode;
+  title?: string;
+  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+  onAction?: () => void;
+  onClose?: () => void;
+} & AllHTMLAttributes<HTMLElement>;
+const Banner: FC<BannerProps>;
+
+export = Banner;

package/dist/components/Banner/index.d.ts

@@ -1,15 +1,2 @@
-import { AllHTMLAttributes, FC, ReactNode } from 'react';
-
-type BannerProps = {
-  inline?: boolean;
-  actionable?: boolean;
-  closeable?: boolean;
-  icon?: ReactNode;
-  title?: string;
-  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';
-  onAction?: () => void;
-  onClose?: () => void;
-} & AllHTMLAttributes<HTMLElement>;
-const Banner: FC<BannerProps>;
-
-export = Banner;
+export { default } from './Banner';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Box/index.d.ts

@@ -9,7 +9,22 @@ import {
   SVGAttributes,
 } from 'react';
 
-type FontScale = 'h1' | 's1' | 's2' | 'p1' | 'p2' | 'c1' | 'c2' | 'micro';
+type FontScale =
+  | 'hero'
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 'p1'
+  | 'p1m'
+  | 'p1b'
+  | 'p2'
+  | 'p2m'
+  | 'p2b'
+  | 'c1'
+  | 'c2'
+  | 'micro';
 
 type BoxProps = PropsWithChildren<{
   is?: ElementType;
@@ -152,3 +167,14 @@ export { default as AnimatedVisibility } from './AnimatedVisibility';
 export { default as Flex } from './Flex';
 export { default as Position, PositionAnimated } from './Position';
 export { default as Scrollable } from './Scrollable';
+
+export const useArrayLikeClassNameProp: <
+  T extends {
+    className?:
+      | string
+      | ReturnType<typeof css>
+      | (string | ReturnType<typeof css>)[];
+  }
+>(
+  props: T
+) => T & { className: string };

package/dist/components/Button/index.d.ts

@@ -20,6 +20,7 @@ type ActionButtonProps = ButtonProps & {
   icon: string;
   mini?: boolean;
   tiny?: boolean;
+  small?: boolean;
 };
 export const ActionButton: ForwardRefExoticComponent<ActionButtonProps>;
 

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,8 @@
+import { usePosition } from '@rocket.chat/fuselage-hooks';
+import React, { ReactNode } from 'react';
+export declare const Dropdown: React.ForwardRefExoticComponent<{
+    reference: React.RefObject<HTMLElement>;
+    placement?: Parameters<typeof usePosition>[2]['placement'];
+    children: ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,EAAc,SAAS,EAAkB,MAAM,OAAO,CAAC;AAKrE,eAAO,MAAM,QAAQ;;gBAUL,WAAW,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;cAChD,SAAS;qCAgBrB,CAAC"}

package/dist/components/Dropdown/DropdownDesktop.d.ts

@@ -0,0 +1,8 @@
+import { usePosition } from '@rocket.chat/fuselage-hooks';
+import React, { ReactNode } from 'react';
+export declare const DropdownDesktop: React.ForwardRefExoticComponent<{
+    reference: React.RefObject<HTMLElement>;
+    placement?: Parameters<typeof usePosition>[2]['placement'];
+    children: ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=DropdownDesktop.d.ts.map

package/dist/components/Dropdown/DropdownDesktop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownDesktop.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownDesktop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAc,SAAS,EAAkB,MAAM,OAAO,CAAC;AAIrE,eAAO,MAAM,eAAe;;gBAUZ,WAAW,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;cAChD,SAAS;qCAsBrB,CAAC"}

package/dist/components/Dropdown/DropdownMobile.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export declare const DropdownMobile: React.ForwardRefExoticComponent<{
+    children: ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=DropdownMobile.d.ts.map

package/dist/components/Dropdown/DropdownMobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMobile.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownMobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAO,MAAM,OAAO,CAAC;AAI1D,eAAO,MAAM,cAAc;cAMb,SAAS;qCAwBrB,CAAC"}

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Dropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/Icon/index.d.ts

@@ -1,8 +1,10 @@
+import nameToCharacterMapping from '@rocket.chat/icons';
 import { ComponentProps, ForwardRefExoticComponent } from 'react';
 
 import { Box } from '../Box';
 
 type IconProps = Omit<ComponentProps<typeof Box>, 'size'> & {
+  name: keyof nameToCharacterMapping;
   size?: ComponentProps<typeof Box>['width'];
 };
 export const Icon: ForwardRefExoticComponent<IconProps>;

package/dist/components/Label/index.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps, ReactElement } from 'react';
+
+import { Box } from '../Box';
+
+type LabelProps = ComponentProps<typeof Box> & {
+  disabled?: boolean;
+  required?: boolean;
+};
+export const Label: (props: LabelProps) => ReactElement;

package/dist/components/Menu/index.d.ts

@@ -3,7 +3,7 @@ import { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
 
 import { Box } from '../Box';
 import { ActionButton } from '../Button';
-import { Option } from '../Options/Option';
+import Option from '../Options/Option';
 
 type MenuProps = Omit<ComponentProps<typeof ActionButton>, 'icon'> & {
   icon?: string;