@rocket.chat/fuselage 0.91.0 → 0.92.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.
@@ -6,61 +6,20 @@ export declare const getTokens: (theme: Themes) => {
6
6
  "level-2": "#156ff5";
7
7
  "level-3": "#f38c39";
8
8
  "level-4": "#ec0d2a";
9
- } | {
10
- "level-0": "#404754";
11
- "level-1": "#6c737a";
12
- "level-2": "#2c65ba";
13
- "level-3": "#955828";
14
- "level-4": "#b43c4c";
15
9
  } | {
16
10
  "level-0": "#e4e7ea";
17
11
  "level-1": "#2f343d";
18
12
  "level-2": "#10529e";
19
13
  "level-3": "#713607";
20
14
  "level-4": "#9b1325";
15
+ } | {
16
+ "level-0": "#404754";
17
+ "level-1": "#6c737a";
18
+ "level-2": "#2c65ba";
19
+ "level-3": "#955828";
20
+ "level-4": "#b43c4c";
21
21
  };
22
22
  button: {
23
- backgroundPrimaryDefault: "#095ad2";
24
- backgroundPrimaryHover: "#10529e";
25
- backgroundPrimaryPress: "#01336b";
26
- backgroundPrimaryFocus: "#095ad2";
27
- backgroundPrimaryKeyfocus: "#095ad2";
28
- backgroundPrimaryDisabled: "#012247";
29
- fontOnPrimary: "#ffffff";
30
- fontOnPrimaryDisabled: "#6c727a";
31
- backgroundSecondaryDefault: "#353b45";
32
- backgroundSecondaryHover: "#404754";
33
- backgroundSecondaryPress: "#4c5362";
34
- backgroundSecondaryFocus: "#353b45";
35
- backgroundSecondaryKeyfocus: "#353b45";
36
- backgroundSecondaryDisabled: "#353b45";
37
- fontOnSecondary: "#e4e7ea";
38
- fontOnSecondaryDisabled: "#6c727a";
39
- backgroundSecondaryDangerDefault: "#353b45";
40
- backgroundSecondaryDangerHover: "#404754";
41
- backgroundSecondaryDangerPress: "#4c5362";
42
- backgroundSecondaryDangerFocus: "#353b45";
43
- backgroundSecondaryDangerKeyfocus: "#353b45";
44
- backgroundSecondaryDangerDisabled: "#353b45";
45
- fontOnSecondaryDanger: "#ffc1c9";
46
- onSecondaryDangerDisabled: "#6b0513";
47
- backgroundDangerDefault: "#bb3e4e";
48
- backgroundDangerHover: "#95323f";
49
- backgroundDangerPress: "#822c37";
50
- backgroundDangerFocus: "#bb3e4e";
51
- backgroundDangerKeyfocus: "#bb3e4e";
52
- backgroundDangerDisabled: "#3d2126";
53
- fontOnDanger: "#ffffff";
54
- fontOnDangerDisabled: "#757575";
55
- backgroundSuccessDefault: "#1d7256";
56
- backgroundSuccessHover: "#175943";
57
- backgroundSuccessPress: "#134937";
58
- backgroundSuccessFocus: "#1d7256";
59
- backgroundSuccessKeyfocus: "#1d7256";
60
- backgroundSuccessDisabled: "#1e4b40";
61
- fontOnSuccess: "#ffffff";
62
- fontOnSuccessDisabled: "#757575";
63
- } | {
64
23
  backgroundPrimaryDefault: "#156ff5";
65
24
  backgroundPrimaryHover: "#095ad2";
66
25
  backgroundPrimaryPress: "#10529e";
@@ -142,6 +101,47 @@ export declare const getTokens: (theme: Themes) => {
142
101
  backgroundSuccessDisabled: "#c0f6e4";
143
102
  fontOnSuccess: "#1f2329";
144
103
  fontOnSuccessDisabled: "#ffffff";
104
+ } | {
105
+ backgroundPrimaryDefault: "#095ad2";
106
+ backgroundPrimaryHover: "#10529e";
107
+ backgroundPrimaryPress: "#01336b";
108
+ backgroundPrimaryFocus: "#095ad2";
109
+ backgroundPrimaryKeyfocus: "#095ad2";
110
+ backgroundPrimaryDisabled: "#012247";
111
+ fontOnPrimary: "#ffffff";
112
+ fontOnPrimaryDisabled: "#6c727a";
113
+ backgroundSecondaryDefault: "#353b45";
114
+ backgroundSecondaryHover: "#404754";
115
+ backgroundSecondaryPress: "#4c5362";
116
+ backgroundSecondaryFocus: "#353b45";
117
+ backgroundSecondaryKeyfocus: "#353b45";
118
+ backgroundSecondaryDisabled: "#353b45";
119
+ fontOnSecondary: "#e4e7ea";
120
+ fontOnSecondaryDisabled: "#6c727a";
121
+ backgroundSecondaryDangerDefault: "#353b45";
122
+ backgroundSecondaryDangerHover: "#404754";
123
+ backgroundSecondaryDangerPress: "#4c5362";
124
+ backgroundSecondaryDangerFocus: "#353b45";
125
+ backgroundSecondaryDangerKeyfocus: "#353b45";
126
+ backgroundSecondaryDangerDisabled: "#353b45";
127
+ fontOnSecondaryDanger: "#ffc1c9";
128
+ onSecondaryDangerDisabled: "#6b0513";
129
+ backgroundDangerDefault: "#bb3e4e";
130
+ backgroundDangerHover: "#95323f";
131
+ backgroundDangerPress: "#822c37";
132
+ backgroundDangerFocus: "#bb3e4e";
133
+ backgroundDangerKeyfocus: "#bb3e4e";
134
+ backgroundDangerDisabled: "#3d2126";
135
+ fontOnDanger: "#ffffff";
136
+ fontOnDangerDisabled: "#757575";
137
+ backgroundSuccessDefault: "#1d7256";
138
+ backgroundSuccessHover: "#175943";
139
+ backgroundSuccessPress: "#134937";
140
+ backgroundSuccessFocus: "#1d7256";
141
+ backgroundSuccessKeyfocus: "#1d7256";
142
+ backgroundSuccessDisabled: "#1e4b40";
143
+ fontOnSuccess: "#ffffff";
144
+ fontOnSuccessDisabled: "#757575";
145
145
  };
146
146
  font: {
147
147
  white: "#ffffff";
@@ -155,18 +155,6 @@ export declare const getTokens: (theme: Themes) => {
155
155
  danger: "#d40c26";
156
156
  pureWhite: "#ffffff";
157
157
  pureBlack: "#2f343d";
158
- } | {
159
- white: "#2f343d";
160
- disabled: "#60646c";
161
- annotation: "#9ea2a8";
162
- hint: "#9ea2a8";
163
- secondaryInfo: "#9ea2a8";
164
- default: "#c1c7d0";
165
- titlesLabels: "#f2f3f5";
166
- info: "#739ede";
167
- danger: "#d88892";
168
- pureWhite: "#ffffff";
169
- pureBlack: "#1f2329";
170
158
  } | {
171
159
  white: "#ffffff";
172
160
  disabled: "#cbced1";
@@ -179,6 +167,18 @@ export declare const getTokens: (theme: Themes) => {
179
167
  danger: "#9b1325";
180
168
  pureWhite: "#ffffff";
181
169
  pureBlack: "#1f2329";
170
+ } | {
171
+ white: "#2f343d";
172
+ disabled: "#60646c";
173
+ annotation: "#9ea2a8";
174
+ hint: "#9ea2a8";
175
+ secondaryInfo: "#9ea2a8";
176
+ default: "#c1c7d0";
177
+ titlesLabels: "#f2f3f5";
178
+ info: "#739ede";
179
+ danger: "#d88892";
180
+ pureWhite: "#ffffff";
181
+ pureBlack: "#1f2329";
182
182
  };
183
183
  shadow: {
184
184
  highlight: "#d1ebfe";
@@ -187,13 +187,6 @@ export declare const getTokens: (theme: Themes) => {
187
187
  "elevation-1": "#2f343d1a";
188
188
  "elevation-2x": "#2f343d14";
189
189
  "elevation-2y": "#2f343d1f";
190
- } | {
191
- highlight: "#d1ebfe";
192
- danger: "#ffe9ec";
193
- "elevation-border": "#2f343d";
194
- "elevation-1": "#09090959";
195
- "elevation-2x": "#0909094d";
196
- "elevation-2y": "#09090973";
197
190
  } | {
198
191
  highlight: "#d1ebfe";
199
192
  danger: "#ffe9ec";
@@ -201,6 +194,13 @@ export declare const getTokens: (theme: Themes) => {
201
194
  "elevation-1": "#2f343d1a";
202
195
  "elevation-2x": "#2f343d14";
203
196
  "elevation-2y": "#2f343d1f";
197
+ } | {
198
+ highlight: "#d1ebfe";
199
+ danger: "#ffe9ec";
200
+ "elevation-border": "#2f343d";
201
+ "elevation-1": "#09090959";
202
+ "elevation-2x": "#0909094d";
203
+ "elevation-2y": "#09090973";
204
204
  };
205
205
  status: {
206
206
  info: "#d1ebfe";
@@ -219,23 +219,6 @@ export declare const getTokens: (theme: Themes) => {
219
219
  "font-on-service-2": "#7f1b9f";
220
220
  "service-3": "#5f1477";
221
221
  "font-on-service-3": "#ffffff";
222
- } | {
223
- info: "#a8c3eb";
224
- "font-on-info": "#739ede";
225
- success: "#c1ebdd";
226
- "font-on-success": "#58ad90";
227
- danger: "#f7cfd4";
228
- "font-on-danger": "#d88892";
229
- warning: "#feefbe";
230
- "font-on-warning": "#c7aa66";
231
- "warning-2": "#3c3625";
232
- "font-on-warning-2": "#ffffff";
233
- "service-1": "#fce3cf";
234
- "font-on-service-1": "#ca9163";
235
- "service-2": "#edd0f7";
236
- "font-on-service-2": "#c393d2";
237
- "service-3": "#5f1477";
238
- "font-on-service-3": "#ffffff";
239
222
  } | {
240
223
  info: "#d1ebfe";
241
224
  "font-on-info": "#10529e";
@@ -253,15 +236,25 @@ export declare const getTokens: (theme: Themes) => {
253
236
  "font-on-service-2": "#7f1b9f";
254
237
  "service-3": "#5f1477";
255
238
  "font-on-service-3": "#ffffff";
239
+ } | {
240
+ info: "#a8c3eb";
241
+ "font-on-info": "#739ede";
242
+ success: "#c1ebdd";
243
+ "font-on-success": "#58ad90";
244
+ danger: "#f7cfd4";
245
+ "font-on-danger": "#d88892";
246
+ warning: "#feefbe";
247
+ "font-on-warning": "#c7aa66";
248
+ "warning-2": "#3c3625";
249
+ "font-on-warning-2": "#ffffff";
250
+ "service-1": "#fce3cf";
251
+ "font-on-service-1": "#ca9163";
252
+ "service-2": "#edd0f7";
253
+ "font-on-service-2": "#c393d2";
254
+ "service-3": "#5f1477";
255
+ "font-on-service-3": "#ffffff";
256
256
  };
257
257
  statusBullet: {
258
- online: "#1cbf89";
259
- away: "#b08c30";
260
- busy: "#c75765";
261
- disabled: "#cc7f42";
262
- offline: "#8b9098";
263
- loading: "#8b9098";
264
- } | {
265
258
  online: "#148660";
266
259
  away: "#ac892f";
267
260
  busy: "#d40c26";
@@ -275,6 +268,13 @@ export declare const getTokens: (theme: Themes) => {
275
268
  disabled: "#bd5a0b";
276
269
  offline: "#1f2329";
277
270
  loading: "#1f2329";
271
+ } | {
272
+ online: "#1cbf89";
273
+ away: "#b08c30";
274
+ busy: "#c75765";
275
+ disabled: "#cc7f42";
276
+ offline: "#8b9098";
277
+ loading: "#8b9098";
278
278
  };
279
279
  stroke: {
280
280
  extraLight: "#ebecef";
@@ -286,16 +286,6 @@ export declare const getTokens: (theme: Themes) => {
286
286
  highlight: "#156ff5";
287
287
  extraLightError: "#ffc1c9";
288
288
  error: "#ec0d2a";
289
- } | {
290
- extraLight: "#333842";
291
- light: "#404754";
292
- medium: "#4b5362";
293
- dark: "#9ea2a8";
294
- extraDark: "#cbced1";
295
- extraLightHighlight: "#d1ebfe";
296
- highlight: "#6292da";
297
- extraLightError: "#f49aa6";
298
- error: "#bb3e4e";
299
289
  } | {
300
290
  extraLight: "#ebecef";
301
291
  light: "#cbced1";
@@ -306,6 +296,16 @@ export declare const getTokens: (theme: Themes) => {
306
296
  highlight: "#156ff5";
307
297
  extraLightError: "#ffc1c9";
308
298
  error: "#ec0d2a";
299
+ } | {
300
+ extraLight: "#333842";
301
+ light: "#404754";
302
+ medium: "#4b5362";
303
+ dark: "#9ea2a8";
304
+ extraDark: "#cbced1";
305
+ extraLightHighlight: "#d1ebfe";
306
+ highlight: "#6292da";
307
+ extraLightError: "#f49aa6";
308
+ error: "#bb3e4e";
309
309
  };
310
310
  surface: {
311
311
  light: "#ffffff";
@@ -320,19 +320,6 @@ export declare const getTokens: (theme: Themes) => {
320
320
  featuredHover: "#4a105d";
321
321
  sidebar: "#e4e7ea";
322
322
  overlay: "#2f343d80";
323
- } | {
324
- light: "#262931";
325
- tint: "#1f2329";
326
- room: "#1f2329";
327
- neutral: "#2d3039";
328
- disabled: "#24272e";
329
- hover: "#1a1e23";
330
- selected: "#4c5362";
331
- dark: "#e4e7ea";
332
- featured: "#5f1477";
333
- featuredHover: "#4a105d";
334
- sidebar: "#2f343d";
335
- overlay: "#00000099";
336
323
  } | {
337
324
  light: "#ffffff";
338
325
  tint: "#f7f8fa";
@@ -346,6 +333,19 @@ export declare const getTokens: (theme: Themes) => {
346
333
  featuredHover: "#4a105d";
347
334
  sidebar: "#e4e7ea";
348
335
  overlay: "#2f343d80";
336
+ } | {
337
+ light: "#262931";
338
+ tint: "#1f2329";
339
+ room: "#1f2329";
340
+ neutral: "#2d3039";
341
+ disabled: "#24272e";
342
+ hover: "#1a1e23";
343
+ selected: "#4c5362";
344
+ dark: "#e4e7ea";
345
+ featured: "#5f1477";
346
+ featuredHover: "#4a105d";
347
+ sidebar: "#2f343d";
348
+ overlay: "#00000099";
349
349
  };
350
350
  };
351
351
  export declare const getThemePalette: (theme: Themes) => {
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarGroupTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroupTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvE,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,iBAAiB,GAAI,4EAU/B,sBAAsB,gCA+BxB,CAAC"}
1
+ {"version":3,"file":"SidebarGroupTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroupTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvE,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,iBAAiB,GAAI,4EAU/B,sBAAsB,gCAgCxB,CAAC"}
@@ -2,8 +2,7 @@ import type { AllHTMLAttributes, ElementType } from 'react';
2
2
  export type SidebarItemProps = {
3
3
  selected?: boolean;
4
4
  level?: number;
5
- indent?: boolean;
6
5
  is?: ElementType;
7
6
  } & AllHTMLAttributes<HTMLAnchorElement>;
8
- export declare const SidebarItem: ({ selected, level, indent, className, children, is: Tag, ...props }: SidebarItemProps) => import("react").JSX.Element;
7
+ export declare const SidebarItem: ({ selected, level, className, children, is: Tag, ...props }: SidebarItemProps) => import("react").JSX.Element;
9
8
  //# sourceMappingURL=SidebarItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarItem/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,WAAW,GAAI,qEAQzB,gBAAgB,gCAelB,CAAC"}
1
+ {"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarItem/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,WAAW,GAAI,6DAOzB,gBAAgB,gCAclB,CAAC"}
@@ -12,7 +12,7 @@ export declare const useCollapse: ({ expanded: propExpanded, defaultExpanded, di
12
12
  readonly 'aria-labelledby': string;
13
13
  } | {
14
14
  readonly 'aria-controls': string;
15
- readonly 'aria-expanded': "true" | "false";
15
+ readonly 'aria-expanded': "false" | "true";
16
16
  readonly tabIndex: number | undefined;
17
17
  readonly onClick: (e: MouseEvent<HTMLElement>) => void;
18
18
  readonly onKeyDown: KeyboardEventHandler;