@rocket.chat/fuselage 0.32.0-dev.335 → 0.32.0-dev.336
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/Theme.d.ts +3 -1
- package/dist/Theme.d.ts.map +1 -1
- package/dist/components/Message/MessageHighlight.d.ts +12 -0
- package/dist/components/Message/MessageHighlight.d.ts.map +1 -0
- package/dist/components/Message/MessageMention.d.ts +9 -0
- package/dist/components/Message/MessageMention.d.ts.map +1 -0
- package/dist/components/Message/index.d.ts +6 -0
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/fuselage.development.js +177 -76
- package/dist/fuselage.development.js.map +1 -1
- package/dist/fuselage.production.js +1 -1
- package/package.json +11 -11
package/dist/Theme.d.ts
CHANGED
|
@@ -78,6 +78,7 @@ export declare const statusColors: {
|
|
|
78
78
|
'status-font-on-service-2': Var;
|
|
79
79
|
};
|
|
80
80
|
export declare const badgeBackgroundColors: {
|
|
81
|
+
'badge-background-level-0': Var;
|
|
81
82
|
'badge-background-level-1': Var;
|
|
82
83
|
'badge-background-level-2': Var;
|
|
83
84
|
'badge-background-level-3': Var;
|
|
@@ -94,7 +95,7 @@ export declare const shadowColors: {
|
|
|
94
95
|
export declare const isSurfaceColor: (color: unknown) => color is "surface-light" | "surface-tint" | "surface-room" | "surface-neutral" | "surface-disabled" | "surface-hover" | "surface-selected" | "surface-dark" | "surface-featured" | "surface-featured-hover" | "surface-overlay" | "surface-transparent";
|
|
95
96
|
export declare const isStrokeColor: (color: unknown) => color is "stroke-extra-light" | "stroke-light" | "stroke-medium" | "stroke-dark" | "stroke-extra-dark" | "stroke-extra-light-highlight" | "stroke-highlight" | "stroke-extra-light-error" | "stroke-error";
|
|
96
97
|
export declare const isTextIconColor: (color: unknown) => color is "font-white" | "font-disabled" | "font-annotation" | "font-hint" | "font-secondary-info" | "font-default" | "font-titles-labels" | "font-info" | "font-danger" | "font-pure-black" | "font-pure-white";
|
|
97
|
-
export declare const isBadgeColor: (color: unknown) => color is "badge-background-level-1" | "badge-background-level-2" | "badge-background-level-3" | "badge-background-level-4";
|
|
98
|
+
export declare const isBadgeColor: (color: unknown) => color is "badge-background-level-0" | "badge-background-level-1" | "badge-background-level-2" | "badge-background-level-3" | "badge-background-level-4";
|
|
98
99
|
export declare const isStatusBackgroundColor: (color: unknown) => color is "status-background-info" | "status-background-success" | "status-background-danger" | "status-background-warning" | "status-background-warning-2" | "status-background-service-1" | "status-background-service-2";
|
|
99
100
|
export declare const isStatusColor: (color: unknown) => color is "status-font-on-info" | "status-font-on-success" | "status-font-on-warning" | "status-font-on-warning-2" | "status-font-on-danger" | "status-font-on-service-1" | "status-font-on-service-2";
|
|
100
101
|
export declare const isShadowColor: (color: unknown) => color is "shadow-elevation-border" | "shadow-elevation-1" | "shadow-elevation-2x" | "shadow-elevation-2y" | "shadow-highlight" | "shadow-danger";
|
|
@@ -132,6 +133,7 @@ export declare const Palette: {
|
|
|
132
133
|
'status-font-on-service-2': Var;
|
|
133
134
|
};
|
|
134
135
|
badge: {
|
|
136
|
+
'badge-background-level-0': Var;
|
|
135
137
|
'badge-background-level-1': Var;
|
|
136
138
|
'badge-background-level-2': Var;
|
|
137
139
|
'badge-background-level-3': Var;
|
package/dist/Theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../src/Theme.ts"],"names":[],"mappings":"AAKA,qBAAa,GAAG;IACd,OAAO,CAAC,IAAI,CAAS;IAErB,OAAO,CAAC,KAAK,CAAS;gBAEV,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAKvC,QAAQ;IAIR,KAAK,CAAC,IAAI,EAAE,MAAM;CAGnB;AAID,eAAO,IAAI,wBAAwB,SAAQ,CAAC;AAC5C,eAAO,MAAM,+BAA+B,UAAW,OAAO,SAE7D,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAC;AAwFF,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAazB,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;;;;;;;CAY1B,CAAC;AAIF,eAAO,MAAM,sBAAsB;;;;;;;;CAclC,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAC;AAIF,eAAO,MAAM,qBAAqB
|
|
1
|
+
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../src/Theme.ts"],"names":[],"mappings":"AAKA,qBAAa,GAAG;IACd,OAAO,CAAC,IAAI,CAAS;IAErB,OAAO,CAAC,KAAK,CAAS;gBAEV,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAKvC,QAAQ;IAIR,KAAK,CAAC,IAAI,EAAE,MAAM;CAGnB;AAID,eAAO,IAAI,wBAAwB,SAAQ,CAAC;AAC5C,eAAO,MAAM,+BAA+B,UAAW,OAAO,SAE7D,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAC;AAwFF,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAazB,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;;;;;;;CAY1B,CAAC;AAIF,eAAO,MAAM,sBAAsB;;;;;;;;CAclC,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;CAkBxB,CAAC;AAIF,eAAO,MAAM,cAAc,UAAW,OAAO,4PACQ,CAAC;AAEtD,eAAO,MAAM,aAAa,UAAW,OAAO,+MACQ,CAAC;AAErD,eAAO,MAAM,eAAe,UAAW,OAAO,oNACQ,CAAC;AAEvD,eAAO,MAAM,YAAY,UAAW,OAAO,4JACkB,CAAC;AAE9D,eAAO,MAAM,uBAAuB,UAC3B,OAAO,+NAE8C,CAAC;AAE/D,eAAO,MAAM,aAAa,UAAW,OAAO,0MACQ,CAAC;AAErD,eAAO,MAAM,aAAa,UAAW,OAAO,qJACQ,CAAC;AAErD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQnB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ElementType } from 'react';
|
|
2
|
+
export type MessageHighlightProps = {
|
|
3
|
+
is?: ElementType;
|
|
4
|
+
clickable?: boolean;
|
|
5
|
+
variant?: 'critical' | 'relevant' | 'other';
|
|
6
|
+
className?: string;
|
|
7
|
+
children: any;
|
|
8
|
+
title?: string;
|
|
9
|
+
};
|
|
10
|
+
declare function MessageHighlight({ is: Tag, variant, className, clickable, ...props }: MessageHighlightProps): JSX.Element;
|
|
11
|
+
export default MessageHighlight;
|
|
12
|
+
//# sourceMappingURL=MessageHighlight.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageHighlight.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHighlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACxB,EAAE,EAAE,GAAY,EAChB,OAAiB,EACjB,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,eAevB;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import MessageHighlight from './MessageHighlight';
|
|
3
|
+
type MessageMentionProps = {
|
|
4
|
+
tag?: '#' | '@';
|
|
5
|
+
innerClassName?: string;
|
|
6
|
+
} & ComponentProps<typeof MessageHighlight>;
|
|
7
|
+
declare function MessageMention({ tag, className, innerClassName, ...props }: MessageMentionProps): JSX.Element;
|
|
8
|
+
export default MessageMention;
|
|
9
|
+
//# sourceMappingURL=MessageMention.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageMention.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageMention.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,KAAK,mBAAmB,GAAG;IACzB,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE5C,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAc,EACd,cAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,eAOrB;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import MessageHighlight from './MessageHighlight';
|
|
3
|
+
import MessageMention from './MessageMention';
|
|
2
4
|
export * from './MessageDivider';
|
|
3
5
|
export * from './MessageGenericPreview';
|
|
4
6
|
export * from './MessageStatusIndicator';
|
|
@@ -20,6 +22,8 @@ export * from './MessageRoles';
|
|
|
20
22
|
export * from './MessageTimestamp';
|
|
21
23
|
export * from './MessageUsername';
|
|
22
24
|
export * from './MessageEmoji';
|
|
25
|
+
export * from './MessageHighlight';
|
|
26
|
+
export * from './MessageMention';
|
|
23
27
|
declare const _default: import("react").ForwardRefExoticComponent<import("react").AllHTMLAttributes<HTMLDivElement> & {
|
|
24
28
|
clickable?: boolean | undefined;
|
|
25
29
|
sequential?: boolean | undefined;
|
|
@@ -204,6 +208,8 @@ declare const _default: import("react").ForwardRefExoticComponent<import("react"
|
|
|
204
208
|
children?: import("react").ReactNode;
|
|
205
209
|
unreadLabel?: string | undefined;
|
|
206
210
|
}) => JSX.Element;
|
|
211
|
+
Highlight: typeof MessageHighlight;
|
|
212
|
+
Mention: typeof MessageMention;
|
|
207
213
|
};
|
|
208
214
|
export default _default;
|
|
209
215
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";AAOA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAU9C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEjC,wBAkBG"}
|