@rocket.chat/fuselage 0.90.0 → 0.91.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/IconButton.d.ts +10 -2
- package/dist/components/Button/IconButton.d.ts.map +1 -1
- package/dist/fuselage.css +1 -1
- package/dist/fuselage.development.css +15 -1
- package/dist/fuselage.development.js +14 -5
- package/dist/fuselage.development.js.map +1 -1
- package/dist/fuselage.production.js +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Keys as IconName } from '@rocket.chat/icons';
|
|
2
|
-
import type { ReactElement } from 'react';
|
|
2
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
3
3
|
import { type BoxProps } from '../Box';
|
|
4
4
|
export type IconButtonSize = {
|
|
5
5
|
large?: boolean;
|
|
@@ -10,6 +10,14 @@ export type IconButtonSize = {
|
|
|
10
10
|
};
|
|
11
11
|
export type IconButtonProps = {
|
|
12
12
|
icon: IconName | ReactElement<any>;
|
|
13
|
+
/**
|
|
14
|
+
* What to pin to the button's corner, if anything — a `Badge`, as a rule.
|
|
15
|
+
*
|
|
16
|
+
* It is hidden from assistive technology, always: `aria-label` replaces a button's contents rather than adding
|
|
17
|
+
* to them, so a badge inside a labelled button is never read out. What it says has to reach `aria-label`
|
|
18
|
+
* instead, which is the caller's to write.
|
|
19
|
+
*/
|
|
20
|
+
badge?: ReactNode;
|
|
13
21
|
primary?: boolean;
|
|
14
22
|
secondary?: boolean;
|
|
15
23
|
info?: boolean;
|
|
@@ -18,6 +26,6 @@ export type IconButtonProps = {
|
|
|
18
26
|
success?: boolean;
|
|
19
27
|
pressed?: boolean;
|
|
20
28
|
} & IconButtonSize & BoxProps;
|
|
21
|
-
declare function IconButton({ icon, primary, info, secondary, danger, warning, success, mini, large, tiny, small, medium, pressed, children, ...props }: IconButtonProps): import("react").JSX.Element;
|
|
29
|
+
declare function IconButton({ icon, badge, primary, info, secondary, danger, warning, success, mini, large, tiny, small, medium, pressed, children, ...props }: IconButtonProps): import("react").JSX.Element;
|
|
22
30
|
export default IconButton;
|
|
23
31
|
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,GAChB,QAAQ,CAAC;AAmBX,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,MAAM,EACN,OAAO,EACP,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BA2EjB;AAED,eAAe,UAAU,CAAC"}
|