@rocket.chat/fuselage 0.89.0 → 0.90.1

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.
Files changed (20) hide show
  1. package/dist/components/Box/stylingProps.d.ts +13 -12
  2. package/dist/components/Box/stylingProps.d.ts.map +1 -1
  3. package/dist/components/ButtonGroup/ButtonGroup.d.ts +18 -3
  4. package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  5. package/dist/components/Message/MessageGenericPreview/MessageGenericPreview.d.ts +0 -1
  6. package/dist/components/Message/MessageGenericPreview/MessageGenericPreview.d.ts.map +1 -1
  7. package/dist/components/Message/MessageStatusIndicator/MessageStatusIndicator.d.ts +0 -1
  8. package/dist/components/Message/MessageStatusIndicator/MessageStatusIndicator.d.ts.map +1 -1
  9. package/dist/components/Message/MessageSystem/MessageSystem.d.ts +0 -1
  10. package/dist/components/Message/MessageSystem/MessageSystem.d.ts.map +1 -1
  11. package/dist/components/PaletteStyleTag/helpers/getPalette.d.ts +315 -315
  12. package/dist/fuselage.css +1 -4
  13. package/dist/fuselage.development.css +6451 -0
  14. package/dist/fuselage.development.js +7200 -11884
  15. package/dist/fuselage.development.js.map +1 -1
  16. package/dist/fuselage.production.js +142 -142
  17. package/dist/styleTokens.d.ts +5 -2
  18. package/dist/styleTokens.d.ts.map +1 -1
  19. package/package.json +8 -22
  20. package/dist/fuselage.css.map +0 -1
package/dist/components/PaletteStyleTag/helpers/getPalette.d.ts CHANGED
@@ -1,351 +1,351 @@
1
1
  import type { Themes } from '../types/themes';
2
2
  export declare const getTokens: (theme: Themes) => {
3
3
  badge: {
4
- "level-0": string;
5
- "level-1": string;
6
- "level-2": string;
7
- "level-3": string;
8
- "level-4": string;
4
+ "level-0": "#e4e7ea";
5
+ "level-1": "#6c737a";
6
+ "level-2": "#156ff5";
7
+ "level-3": "#f38c39";
8
+ "level-4": "#ec0d2a";
9
9
  } | {
10
- "level-0": string;
11
- "level-1": string;
12
- "level-2": string;
13
- "level-3": string;
14
- "level-4": string;
10
+ "level-0": "#404754";
11
+ "level-1": "#6c737a";
12
+ "level-2": "#2c65ba";
13
+ "level-3": "#955828";
14
+ "level-4": "#b43c4c";
15
15
  } | {
16
- "level-0": string;
17
- "level-1": string;
18
- "level-2": string;
19
- "level-3": string;
20
- "level-4": string;
16
+ "level-0": "#e4e7ea";
17
+ "level-1": "#2f343d";
18
+ "level-2": "#10529e";
19
+ "level-3": "#713607";
20
+ "level-4": "#9b1325";
21
21
  };
22
22
  button: {
23
- backgroundPrimaryDefault: string;
24
- backgroundPrimaryHover: string;
25
- backgroundPrimaryPress: string;
26
- backgroundPrimaryFocus: string;
27
- backgroundPrimaryKeyfocus: string;
28
- backgroundPrimaryDisabled: string;
29
- fontOnPrimary: string;
30
- fontOnPrimaryDisabled: string;
31
- backgroundSecondaryDefault: string;
32
- backgroundSecondaryHover: string;
33
- backgroundSecondaryPress: string;
34
- backgroundSecondaryFocus: string;
35
- backgroundSecondaryKeyfocus: string;
36
- backgroundSecondaryDisabled: string;
37
- fontOnSecondary: string;
38
- fontOnSecondaryDisabled: string;
39
- backgroundSecondaryDangerDefault: string;
40
- backgroundSecondaryDangerHover: string;
41
- backgroundSecondaryDangerPress: string;
42
- backgroundSecondaryDangerFocus: string;
43
- backgroundSecondaryDangerKeyfocus: string;
44
- backgroundSecondaryDangerDisabled: string;
45
- fontOnSecondaryDanger: string;
46
- onSecondaryDangerDisabled: string;
47
- backgroundDangerDefault: string;
48
- backgroundDangerHover: string;
49
- backgroundDangerPress: string;
50
- backgroundDangerFocus: string;
51
- backgroundDangerKeyfocus: string;
52
- backgroundDangerDisabled: string;
53
- fontOnDanger: string;
54
- fontOnDangerDisabled: string;
55
- backgroundSuccessDefault: string;
56
- backgroundSuccessHover: string;
57
- backgroundSuccessPress: string;
58
- backgroundSuccessFocus: string;
59
- backgroundSuccessKeyfocus: string;
60
- backgroundSuccessDisabled: string;
61
- fontOnSuccess: string;
62
- fontOnSuccessDisabled: string;
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
63
  } | {
64
- backgroundPrimaryDefault: string;
65
- backgroundPrimaryHover: string;
66
- backgroundPrimaryPress: string;
67
- backgroundPrimaryFocus: string;
68
- backgroundPrimaryKeyfocus: string;
69
- backgroundPrimaryDisabled: string;
70
- fontOnPrimary: string;
71
- fontOnPrimaryDisabled: string;
72
- backgroundSecondaryDefault: string;
73
- backgroundSecondaryHover: string;
74
- backgroundSecondaryPress: string;
75
- backgroundSecondaryFocus: string;
76
- backgroundSecondaryKeyfocus: string;
77
- backgroundSecondaryDisabled: string;
78
- fontOnSecondary: string;
79
- fontOnSecondaryDisabled: string;
80
- backgroundSecondaryDangerDefault: string;
81
- backgroundSecondaryDangerHover: string;
82
- backgroundSecondaryDangerPress: string;
83
- backgroundSecondaryDangerFocus: string;
84
- backgroundSecondaryDangerKeyfocus: string;
85
- backgroundSecondaryDangerDisabled: string;
86
- fontOnSecondaryDanger: string;
87
- onSecondaryDangerDisabled: string;
88
- backgroundDangerDefault: string;
89
- backgroundDangerHover: string;
90
- backgroundDangerPress: string;
91
- backgroundDangerFocus: string;
92
- backgroundDangerKeyfocus: string;
93
- backgroundDangerDisabled: string;
94
- fontOnDanger: string;
95
- fontOnDangerDisabled: string;
96
- backgroundSuccessDefault: string;
97
- backgroundSuccessHover: string;
98
- backgroundSuccessPress: string;
99
- backgroundSuccessFocus: string;
100
- backgroundSuccessKeyfocus: string;
101
- backgroundSuccessDisabled: string;
102
- fontOnSuccess: string;
103
- fontOnSuccessDisabled: string;
64
+ backgroundPrimaryDefault: "#156ff5";
65
+ backgroundPrimaryHover: "#095ad2";
66
+ backgroundPrimaryPress: "#10529e";
67
+ backgroundPrimaryFocus: "#156ff5";
68
+ backgroundPrimaryKeyfocus: "#156ff5";
69
+ backgroundPrimaryDisabled: "#d1ebfe";
70
+ fontOnPrimary: "#ffffff";
71
+ fontOnPrimaryDisabled: "#ffffff";
72
+ backgroundSecondaryDefault: "#e4e7ea";
73
+ backgroundSecondaryHover: "#cbced1";
74
+ backgroundSecondaryPress: "#9ea2a8";
75
+ backgroundSecondaryFocus: "#e4e7ea";
76
+ backgroundSecondaryKeyfocus: "#e4e7ea";
77
+ backgroundSecondaryDisabled: "#ebecef";
78
+ fontOnSecondary: "#1f2329";
79
+ fontOnSecondaryDisabled: "#cbced1";
80
+ backgroundSecondaryDangerDefault: "#e4e7ea";
81
+ backgroundSecondaryDangerHover: "#cbced1";
82
+ backgroundSecondaryDangerPress: "#9ea2a8";
83
+ backgroundSecondaryDangerFocus: "#e4e7ea";
84
+ backgroundSecondaryDangerKeyfocus: "#e4e7ea";
85
+ backgroundSecondaryDangerDisabled: "#ebecef";
86
+ fontOnSecondaryDanger: "#bb0b21";
87
+ onSecondaryDangerDisabled: "#f98f9d";
88
+ backgroundDangerDefault: "#ec0d2a";
89
+ backgroundDangerHover: "#d40c26";
90
+ backgroundDangerPress: "#bb0b21";
91
+ backgroundDangerFocus: "#ec0d2a";
92
+ backgroundDangerKeyfocus: "#ec0d2a";
93
+ backgroundDangerDisabled: "#ffc1c9";
94
+ fontOnDanger: "#ffffff";
95
+ fontOnDangerDisabled: "#ffffff";
96
+ backgroundSuccessDefault: "#148660";
97
+ backgroundSuccessHover: "#106d4f";
98
+ backgroundSuccessPress: "#0d5940";
99
+ backgroundSuccessFocus: "#148660";
100
+ backgroundSuccessKeyfocus: "#148660";
101
+ backgroundSuccessDisabled: "#c0f6e4";
102
+ fontOnSuccess: "#ffffff";
103
+ fontOnSuccessDisabled: "#ffffff";
104
104
  } | {
105
- backgroundPrimaryDefault: string;
106
- backgroundPrimaryHover: string;
107
- backgroundPrimaryPress: string;
108
- backgroundPrimaryFocus: string;
109
- backgroundPrimaryKeyfocus: string;
110
- backgroundPrimaryDisabled: string;
111
- fontOnPrimary: string;
112
- fontOnPrimaryDisabled: string;
113
- backgroundSecondaryDefault: string;
114
- backgroundSecondaryHover: string;
115
- backgroundSecondaryPress: string;
116
- backgroundSecondaryFocus: string;
117
- backgroundSecondaryKeyfocus: string;
118
- backgroundSecondaryDisabled: string;
119
- fontOnSecondary: string;
120
- fontOnSecondaryDisabled: string;
121
- backgroundSecondaryDangerDefault: string;
122
- backgroundSecondaryDangerHover: string;
123
- backgroundSecondaryDangerPress: string;
124
- backgroundSecondaryDangerFocus: string;
125
- backgroundSecondaryDangerKeyfocus: string;
126
- backgroundSecondaryDangerDisabled: string;
127
- fontOnSecondaryDanger: string;
128
- onSecondaryDangerDisabled: string;
129
- backgroundDangerDefault: string;
130
- backgroundDangerHover: string;
131
- backgroundDangerPress: string;
132
- backgroundDangerFocus: string;
133
- backgroundDangerKeyfocus: string;
134
- backgroundDangerDisabled: string;
135
- fontOnDanger: string;
136
- fontOnDangerDisabled: string;
137
- backgroundSuccessDefault: string;
138
- backgroundSuccessHover: string;
139
- backgroundSuccessPress: string;
140
- backgroundSuccessFocus: string;
141
- backgroundSuccessKeyfocus: string;
142
- backgroundSuccessDisabled: string;
143
- fontOnSuccess: string;
144
- fontOnSuccessDisabled: string;
105
+ backgroundPrimaryDefault: "#10529e";
106
+ backgroundPrimaryHover: "#01336b";
107
+ backgroundPrimaryPress: "#012247";
108
+ backgroundPrimaryFocus: "#10529e";
109
+ backgroundPrimaryKeyfocus: "#10529e";
110
+ backgroundPrimaryDisabled: "#d1ebfe";
111
+ fontOnPrimary: "#ffffff";
112
+ fontOnPrimaryDisabled: "#ffffff";
113
+ backgroundSecondaryDefault: "#e4e7ea";
114
+ backgroundSecondaryHover: "#cbced1";
115
+ backgroundSecondaryPress: "#9ea2a8";
116
+ backgroundSecondaryFocus: "#e4e7ea";
117
+ backgroundSecondaryKeyfocus: "#e4e7ea";
118
+ backgroundSecondaryDisabled: "#ebecef";
119
+ fontOnSecondary: "#1f2329";
120
+ fontOnSecondaryDisabled: "#cbced1";
121
+ backgroundSecondaryDangerDefault: "#e4e7ea";
122
+ backgroundSecondaryDangerHover: "#cbced1";
123
+ backgroundSecondaryDangerPress: "#9ea2a8";
124
+ backgroundSecondaryDangerFocus: "#e4e7ea";
125
+ backgroundSecondaryDangerKeyfocus: "#e4e7ea";
126
+ backgroundSecondaryDangerDisabled: "#ebecef";
127
+ fontOnSecondaryDanger: "#8b0719";
128
+ onSecondaryDangerDisabled: "#f98f9d";
129
+ backgroundDangerDefault: "#9b1325";
130
+ backgroundDangerHover: "#8b0719";
131
+ backgroundDangerPress: "#8b0719";
132
+ backgroundDangerFocus: "#9b1325";
133
+ backgroundDangerKeyfocus: "#9b1325";
134
+ backgroundDangerDisabled: "#ffc1c9";
135
+ fontOnDanger: "#ffffff";
136
+ fontOnDangerDisabled: "#ffffff";
137
+ backgroundSuccessDefault: "#2de0a5";
138
+ backgroundSuccessHover: "#1ecb92";
139
+ backgroundSuccessPress: "#19ac7c";
140
+ backgroundSuccessFocus: "#2de0a5";
141
+ backgroundSuccessKeyfocus: "#2de0a5";
142
+ backgroundSuccessDisabled: "#c0f6e4";
143
+ fontOnSuccess: "#1f2329";
144
+ fontOnSuccessDisabled: "#ffffff";
145
145
  };
146
146
  font: {
147
- white: string;
148
- disabled: string;
149
- annotation: string;
150
- hint: string;
151
- secondaryInfo: string;
152
- default: string;
153
- titlesLabels: string;
154
- info: string;
155
- danger: string;
156
- pureWhite: string;
157
- pureBlack: string;
147
+ white: "#ffffff";
148
+ disabled: "#cbced1";
149
+ annotation: "#9ea2a8";
150
+ hint: "#6c737a";
151
+ secondaryInfo: "#6c737a";
152
+ default: "#2f343d";
153
+ titlesLabels: "#1f2329";
154
+ info: "#095ad2";
155
+ danger: "#d40c26";
156
+ pureWhite: "#ffffff";
157
+ pureBlack: "#2f343d";
158
158
  } | {
159
- white: string;
160
- disabled: string;
161
- annotation: string;
162
- hint: string;
163
- secondaryInfo: string;
164
- default: string;
165
- titlesLabels: string;
166
- info: string;
167
- danger: string;
168
- pureWhite: string;
169
- pureBlack: string;
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
170
  } | {
171
- white: string;
172
- disabled: string;
173
- annotation: string;
174
- hint: string;
175
- secondaryInfo: string;
176
- default: string;
177
- titlesLabels: string;
178
- info: string;
179
- danger: string;
180
- pureWhite: string;
181
- pureBlack: string;
171
+ white: "#ffffff";
172
+ disabled: "#cbced1";
173
+ annotation: "#1f2329";
174
+ hint: "#1f2329";
175
+ secondaryInfo: "#1f2329";
176
+ default: "#1f2329";
177
+ titlesLabels: "#1f2329";
178
+ info: "#01336b";
179
+ danger: "#9b1325";
180
+ pureWhite: "#ffffff";
181
+ pureBlack: "#1f2329";
182
182
  };
183
183
  shadow: {
184
- highlight: string;
185
- danger: string;
186
- "elevation-border": string;
187
- "elevation-1": string;
188
- "elevation-2x": string;
189
- "elevation-2y": string;
184
+ highlight: "#d1ebfe";
185
+ danger: "#ffe9ec";
186
+ "elevation-border": "#ebecef";
187
+ "elevation-1": "#2f343d1a";
188
+ "elevation-2x": "#2f343d14";
189
+ "elevation-2y": "#2f343d1f";
190
190
  } | {
191
- highlight: string;
192
- danger: string;
193
- "elevation-border": string;
194
- "elevation-1": string;
195
- "elevation-2x": string;
196
- "elevation-2y": string;
191
+ highlight: "#d1ebfe";
192
+ danger: "#ffe9ec";
193
+ "elevation-border": "#2f343d";
194
+ "elevation-1": "#09090959";
195
+ "elevation-2x": "#0909094d";
196
+ "elevation-2y": "#09090973";
197
197
  } | {
198
- highlight: string;
199
- danger: string;
200
- "elevation-border": string;
201
- "elevation-1": string;
202
- "elevation-2x": string;
203
- "elevation-2y": string;
198
+ highlight: "#d1ebfe";
199
+ danger: "#ffe9ec";
200
+ "elevation-border": "#ebecef";
201
+ "elevation-1": "#2f343d1a";
202
+ "elevation-2x": "#2f343d14";
203
+ "elevation-2y": "#2f343d1f";
204
204
  };
205
205
  status: {
206
- info: string;
207
- "font-on-info": string;
208
- success: string;
209
- "font-on-success": string;
210
- danger: string;
211
- "font-on-danger": string;
212
- warning: string;
213
- "font-on-warning": string;
214
- "warning-2": string;
215
- "font-on-warning-2": string;
216
- "service-1": string;
217
- "font-on-service-1": string;
218
- "service-2": string;
219
- "font-on-service-2": string;
220
- "service-3": string;
221
- "font-on-service-3": string;
206
+ info: "#d1ebfe";
207
+ "font-on-info": "#095ad2";
208
+ success: "#c0f6e4";
209
+ "font-on-success": "#148660";
210
+ danger: "#ffc1c9";
211
+ "font-on-danger": "#9b1325";
212
+ warning: "#ffecad";
213
+ "font-on-warning": "#8e6300";
214
+ "warning-2": "#fff8e0";
215
+ "font-on-warning-2": "#2f343d";
216
+ "service-1": "#fad1b0";
217
+ "font-on-service-1": "#974809";
218
+ "service-2": "#edd0f7";
219
+ "font-on-service-2": "#7f1b9f";
220
+ "service-3": "#5f1477";
221
+ "font-on-service-3": "#ffffff";
222
222
  } | {
223
- info: string;
224
- "font-on-info": string;
225
- success: string;
226
- "font-on-success": string;
227
- danger: string;
228
- "font-on-danger": string;
229
- warning: string;
230
- "font-on-warning": string;
231
- "warning-2": string;
232
- "font-on-warning-2": string;
233
- "service-1": string;
234
- "font-on-service-1": string;
235
- "service-2": string;
236
- "font-on-service-2": string;
237
- "service-3": string;
238
- "font-on-service-3": string;
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
239
  } | {
240
- info: string;
241
- "font-on-info": string;
242
- success: string;
243
- "font-on-success": string;
244
- danger: string;
245
- "font-on-danger": string;
246
- warning: string;
247
- "font-on-warning": string;
248
- "warning-2": string;
249
- "font-on-warning-2": string;
250
- "service-1": string;
251
- "font-on-service-1": string;
252
- "service-2": string;
253
- "font-on-service-2": string;
254
- "service-3": string;
255
- "font-on-service-3": string;
240
+ info: "#d1ebfe";
241
+ "font-on-info": "#10529e";
242
+ success: "#c0f6e4";
243
+ "font-on-success": "#0d5940";
244
+ danger: "#ffc1c9";
245
+ "font-on-danger": "#6b0513";
246
+ warning: "#ffecad";
247
+ "font-on-warning": "#573d00";
248
+ "warning-2": "#fff8e0";
249
+ "font-on-warning-2": "#2f343d";
250
+ "service-1": "#fad1b0";
251
+ "font-on-service-1": "#5b2c06";
252
+ "service-2": "#edd0f7";
253
+ "font-on-service-2": "#7f1b9f";
254
+ "service-3": "#5f1477";
255
+ "font-on-service-3": "#ffffff";
256
256
  };
257
257
  statusBullet: {
258
- online: string;
259
- away: string;
260
- busy: string;
261
- disabled: string;
262
- offline: string;
263
- loading: string;
258
+ online: "#1cbf89";
259
+ away: "#b08c30";
260
+ busy: "#c75765";
261
+ disabled: "#cc7f42";
262
+ offline: "#8b9098";
263
+ loading: "#8b9098";
264
264
  } | {
265
- online: string;
266
- away: string;
267
- busy: string;
268
- disabled: string;
269
- offline: string;
270
- loading: string;
265
+ online: "#148660";
266
+ away: "#ac892f";
267
+ busy: "#d40c26";
268
+ disabled: "#f38c39";
269
+ offline: "#6c737a";
270
+ loading: "#6c737a";
271
271
  } | {
272
- online: string;
273
- away: string;
274
- busy: string;
275
- disabled: string;
276
- offline: string;
277
- loading: string;
272
+ online: "#0d5940";
273
+ away: "#ac892f";
274
+ busy: "#6b0513";
275
+ disabled: "#bd5a0b";
276
+ offline: "#1f2329";
277
+ loading: "#1f2329";
278
278
  };
279
279
  stroke: {
280
- extraLight: string;
281
- light: string;
282
- medium: string;
283
- dark: string;
284
- extraDark: string;
285
- extraLightHighlight: string;
286
- highlight: string;
287
- extraLightError: string;
288
- error: string;
280
+ extraLight: "#ebecef";
281
+ light: "#cbced1";
282
+ medium: "#9ea2a8";
283
+ dark: "#6c737a";
284
+ extraDark: "#2f343d";
285
+ extraLightHighlight: "#d1ebfe";
286
+ highlight: "#156ff5";
287
+ extraLightError: "#ffc1c9";
288
+ error: "#ec0d2a";
289
289
  } | {
290
- extraLight: string;
291
- light: string;
292
- medium: string;
293
- dark: string;
294
- extraDark: string;
295
- extraLightHighlight: string;
296
- highlight: string;
297
- extraLightError: string;
298
- error: string;
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
299
  } | {
300
- extraLight: string;
301
- light: string;
302
- medium: string;
303
- dark: string;
304
- extraDark: string;
305
- extraLightHighlight: string;
306
- highlight: string;
307
- extraLightError: string;
308
- error: string;
300
+ extraLight: "#ebecef";
301
+ light: "#cbced1";
302
+ medium: "#9ea2a8";
303
+ dark: "#6c737a";
304
+ extraDark: "#2f343d";
305
+ extraLightHighlight: "#d1ebfe";
306
+ highlight: "#156ff5";
307
+ extraLightError: "#ffc1c9";
308
+ error: "#ec0d2a";
309
309
  };
310
310
  surface: {
311
- light: string;
312
- tint: string;
313
- room: string;
314
- neutral: string;
315
- disabled: string;
316
- hover: string;
317
- selected: string;
318
- dark: string;
319
- featured: string;
320
- featuredHover: string;
321
- sidebar: string;
322
- overlay: string;
311
+ light: "#ffffff";
312
+ tint: "#f7f8fa";
313
+ room: "#ffffff";
314
+ neutral: "#e4e7ea";
315
+ disabled: "#f7f8fa";
316
+ hover: "#f2f3f5";
317
+ selected: "#d7dbe0";
318
+ dark: "#1f2329";
319
+ featured: "#5f1477";
320
+ featuredHover: "#4a105d";
321
+ sidebar: "#e4e7ea";
322
+ overlay: "#2f343d80";
323
323
  } | {
324
- light: string;
325
- tint: string;
326
- room: string;
327
- neutral: string;
328
- disabled: string;
329
- hover: string;
330
- selected: string;
331
- dark: string;
332
- featured: string;
333
- featuredHover: string;
334
- sidebar: string;
335
- overlay: string;
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
336
  } | {
337
- light: string;
338
- tint: string;
339
- room: string;
340
- neutral: string;
341
- disabled: string;
342
- hover: string;
343
- selected: string;
344
- dark: string;
345
- featured: string;
346
- featuredHover: string;
347
- sidebar: string;
348
- overlay: string;
337
+ light: "#ffffff";
338
+ tint: "#f7f8fa";
339
+ room: "#ffffff";
340
+ neutral: "#e4e7ea";
341
+ disabled: "#f7f8fa";
342
+ hover: "#f2f3f5";
343
+ selected: "#d7dbe0";
344
+ dark: "#1f2329";
345
+ featured: "#5f1477";
346
+ featuredHover: "#4a105d";
347
+ sidebar: "#e4e7ea";
348
+ overlay: "#2f343d80";
349
349
  };
350
350
  };
351
351
  export declare const getThemePalette: (theme: Themes) => {