@rocket.chat/fuselage 0.32.0-dev.335 → 0.32.0-dev.337
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 +11 -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 +187 -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,11 @@
|
|
|
1
|
+
import type { ElementType, HTMLAttributes } 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
|
+
} & HTMLAttributes<HTMLElement>;
|
|
10
|
+
export declare function MessageHighlight({ is: Tag, variant, className, clickable, ...props }: MessageHighlightProps): JSX.Element;
|
|
11
|
+
//# 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,cAAc,EAAE,MAAM,OAAO,CAAC;AAKzD,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,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EAAE,GAAY,EAChB,OAAiB,EACjB,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,eAevB"}
|
|
@@ -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
|
+
export declare function MessageMention({ tag, className, innerClassName, ...props }: MessageMentionProps): JSX.Element;
|
|
8
|
+
export {};
|
|
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,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,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,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,SAAc,EACd,cAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,eAOrB"}
|
|
@@ -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,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAUlD,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"}
|