@sprinklrjs/spaceweb-themes 12.14.4 → 12.33.2

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 (30) hide show
  1. package/common-theme/utilities.d.ts +0 -2
  2. package/common-theme/utilities.js +2 -2
  3. package/hyperspace/dark/index.d.ts +46 -2
  4. package/hyperspace/dark/theme.d.ts +15 -0
  5. package/hyperspace/dark/theme.js +15 -0
  6. package/hyperspace/dark/utilities.d.ts +31 -2
  7. package/hyperspace/dark/utilities.js +15 -0
  8. package/hyperspace/light/index.d.ts +46 -2
  9. package/hyperspace/light/theme.d.ts +15 -0
  10. package/hyperspace/light/theme.js +15 -0
  11. package/hyperspace/light/utilities.d.ts +31 -2
  12. package/hyperspace/light/utilities.js +17 -0
  13. package/hyperspace/themeVars.css +23 -0
  14. package/hyperspace/themeVars.min.css +1 -1
  15. package/package.json +4 -3
  16. package/space/dark/index.d.ts +46 -2
  17. package/space/dark/theme.d.ts +15 -0
  18. package/space/dark/theme.js +15 -0
  19. package/space/dark/utilities.d.ts +31 -2
  20. package/space/dark/utilities.js +15 -0
  21. package/space/light/index.d.ts +46 -2
  22. package/space/light/theme.d.ts +15 -0
  23. package/space/light/theme.js +15 -0
  24. package/space/light/utilities.d.ts +31 -2
  25. package/space/light/utilities.js +15 -0
  26. package/space/themeVars.css +23 -0
  27. package/space/themeVars.min.css +1 -1
  28. package/types.d.ts +50 -0
  29. package/utilities.css +78 -57
  30. package/utilities.min.css +1 -1
package/package.json CHANGED
@@ -1,16 +1,17 @@
1
1
  {
2
2
  "name": "@sprinklrjs/spaceweb-themes",
3
- "version": "12.14.4",
3
+ "version": "12.33.2",
4
4
  "description": "Sprinklr's Spaceweb theme library",
5
5
  "main": "./index.js",
6
6
  "scripts": {
7
7
  "build-cheatsheet": "ts-node scripts/buildCheatSheetConfig",
8
- "build": "ts-node ./scripts/buildTheme && yarn build-cheatsheet && yarn copy-package.json",
8
+ "build": "../../scripts/tsnodebuild.sh ./scripts/buildTheme && yarn build-cheatsheet && yarn copy-package.json",
9
9
  "copy-package.json": "cp package.json dist/",
10
10
  "test": "jest ./src",
11
11
  "test:watch": "jest --watch ./src",
12
12
  "test:coverage": "jest ./src --coverage",
13
- "build:theme": "ts-node ./scripts/buildTheme --log-error"
13
+ "build:theme": "../../scripts/tsnodebuild.sh ./scripts/buildTheme --log-error",
14
+ "tsc": "../../scripts/tsbuild.sh"
14
15
  },
15
16
  "repository": "https://prod-gitlab.sprinklr.com/sprinklr/frontend/spaceweb",
16
17
  "author": "Sprinklr, Inc.",
package/space/dark/index.d.ts CHANGED
@@ -349,6 +349,16 @@ declare const _default: {
349
349
  read: string;
350
350
  unread: string;
351
351
  };
352
+ ai: {
353
+ ui01: string;
354
+ ui02: string;
355
+ ui03: string;
356
+ border01: {
357
+ background: string;
358
+ borderColor: string;
359
+ };
360
+ highlight: string;
361
+ };
352
362
  spr: {
353
363
  ui01: string;
354
364
  ui02: string;
@@ -401,6 +411,10 @@ declare const _default: {
401
411
  secondaryPink: string;
402
412
  secondaryMaroon: string;
403
413
  secondaryOrange: string;
414
+ clrMagenta: string;
415
+ clrFuschia: string;
416
+ clrViolet: string;
417
+ clrLtViolet: string;
404
418
  hover: string;
405
419
  focus01: string;
406
420
  border01: string;
@@ -436,6 +450,7 @@ declare const _default: {
436
450
  text04: string;
437
451
  text05: string;
438
452
  text06: string;
453
+ textMagenta: string;
439
454
  textPlaceholder: string;
440
455
  supportErrorText: string;
441
456
  supportSuccessText: string;
@@ -1042,6 +1057,18 @@ declare const _default: {
1042
1057
  'spr-secondary-orange': {
1043
1058
  backgroundColor: string;
1044
1059
  };
1060
+ 'spr-clr-magenta': {
1061
+ backgroundColor: string;
1062
+ };
1063
+ 'spr-clr-fuschia': {
1064
+ backgroundColor: string;
1065
+ };
1066
+ 'spr-clr-violet': {
1067
+ backgroundColor: string;
1068
+ };
1069
+ 'spr-clr-lt-violet': {
1070
+ backgroundColor: string;
1071
+ };
1045
1072
  'spr-hover': {
1046
1073
  borderColor: string;
1047
1074
  };
@@ -1147,6 +1174,9 @@ declare const _default: {
1147
1174
  'spr-text-06': {
1148
1175
  color: string;
1149
1176
  };
1177
+ 'spr-text-magenta': {
1178
+ color: string;
1179
+ };
1150
1180
  'spr-text-placeholder': {
1151
1181
  color: string;
1152
1182
  };
@@ -1174,6 +1204,22 @@ declare const _default: {
1174
1204
  'nav-text-01': {
1175
1205
  color: string;
1176
1206
  };
1207
+ 'ai-ui-01': {
1208
+ background: string;
1209
+ };
1210
+ 'ai-ui-02': {
1211
+ background: string;
1212
+ };
1213
+ 'ai-ui-03': {
1214
+ background: string;
1215
+ };
1216
+ 'ai-border-01': {
1217
+ background: string;
1218
+ borderColor: string;
1219
+ };
1220
+ 'ai-highlight': {
1221
+ backgroundColor: string;
1222
+ };
1177
1223
  'outline-01': {
1178
1224
  outlineStyle: string;
1179
1225
  outlineWidth: string;
@@ -6349,12 +6395,10 @@ declare const _default: {
6349
6395
  whiteSpace: string;
6350
6396
  };
6351
6397
  'break-normal': {
6352
- wordWrap: string;
6353
6398
  overflowWrap: string;
6354
6399
  wordBreak: string;
6355
6400
  };
6356
6401
  'break-words': {
6357
- wordWrap: string;
6358
6402
  overflowWrap: string;
6359
6403
  };
6360
6404
  'break-all': {
package/space/dark/theme.d.ts CHANGED
@@ -348,6 +348,16 @@ declare const _default: {
348
348
  read: string;
349
349
  unread: string;
350
350
  };
351
+ ai: {
352
+ ui01: string;
353
+ ui02: string;
354
+ ui03: string;
355
+ border01: {
356
+ background: string;
357
+ borderColor: string;
358
+ };
359
+ highlight: string;
360
+ };
351
361
  spr: {
352
362
  ui01: string;
353
363
  ui02: string;
@@ -400,6 +410,10 @@ declare const _default: {
400
410
  secondaryPink: string;
401
411
  secondaryMaroon: string;
402
412
  secondaryOrange: string;
413
+ clrMagenta: string;
414
+ clrFuschia: string;
415
+ clrViolet: string;
416
+ clrLtViolet: string;
403
417
  hover: string;
404
418
  focus01: string;
405
419
  border01: string;
@@ -435,6 +449,7 @@ declare const _default: {
435
449
  text04: string;
436
450
  text05: string;
437
451
  text06: string;
452
+ textMagenta: string;
438
453
  textPlaceholder: string;
439
454
  supportErrorText: string;
440
455
  supportSuccessText: string;
package/space/dark/theme.js CHANGED
@@ -183,6 +183,16 @@ var theme = {
183
183
  read: '#006CD7',
184
184
  unread: '#AEAEB2'
185
185
  },
186
+ ai: {
187
+ ui01: 'var(--ai-ui-01, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%))',
188
+ ui02: 'var(--ai-ui-02, linear-gradient(219deg, #431744 0%, #311F4E 48.67%, #172949 100%))',
189
+ ui03: 'var(--ai-ui-03, linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%))',
190
+ border01: {
191
+ background: 'linear-gradient(#1C1C1F, #1C1C1F) padding-box, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%) border-box',
192
+ borderColor: 'transparent'
193
+ },
194
+ highlight: 'var(--ai-highlight, rgba(142, 67, 255,0.2))'
195
+ },
186
196
  spr: {
187
197
  ui01: 'var(--spr-ui-01, #2C2C2F)',
188
198
  ui02: 'var(--spr-ui-02, #3A3A3E)',
@@ -235,6 +245,10 @@ var theme = {
235
245
  secondaryPink: 'var(--spr-secondary-pink, #B94055)',
236
246
  secondaryMaroon: 'var(--spr-secondary-maroon, #962F61)',
237
247
  secondaryOrange: 'var(--spr-secondary-orange, #A8623A)',
248
+ clrMagenta: 'var(--spr-clr-magenta, #CB1CCE)',
249
+ clrFuschia: 'var(--spr-clr-fuschia, #A70FDC)',
250
+ clrViolet: 'var(--spr-clr-violet, #8E43FF)',
251
+ clrLtViolet: 'var(--spr-clr-lt-violet, #E4DFF2)',
238
252
  hover: 'var(--spr-hover, #0AA2FF)',
239
253
  focus01: 'var(--spr-focus-01, #0AA2FF)',
240
254
  border01: 'var(--spr-border-01, #3A3A3E)',
@@ -270,6 +284,7 @@ var theme = {
270
284
  text04: 'var(--spr-text-04, #0AA2FF)',
271
285
  text05: 'var(--spr-text-05, #FFFFFF)',
272
286
  text06: 'var(--spr-text-06, #2C2C2F)',
287
+ textMagenta: 'var(--spr-text-magenta, #CB1CCE)',
273
288
  textPlaceholder: 'var(--spr-text-placeholder, #646469)',
274
289
  supportErrorText: 'var(--spr-support-error-text, #E44045)',
275
290
  supportSuccessText: 'var(--spr-support-success-text, #3fbf41)',
package/space/dark/utilities.d.ts CHANGED
@@ -247,6 +247,18 @@ declare const _default: {
247
247
  'spr-secondary-orange': {
248
248
  backgroundColor: string;
249
249
  };
250
+ 'spr-clr-magenta': {
251
+ backgroundColor: string;
252
+ };
253
+ 'spr-clr-fuschia': {
254
+ backgroundColor: string;
255
+ };
256
+ 'spr-clr-violet': {
257
+ backgroundColor: string;
258
+ };
259
+ 'spr-clr-lt-violet': {
260
+ backgroundColor: string;
261
+ };
250
262
  'spr-hover': {
251
263
  borderColor: string;
252
264
  };
@@ -352,6 +364,9 @@ declare const _default: {
352
364
  'spr-text-06': {
353
365
  color: string;
354
366
  };
367
+ 'spr-text-magenta': {
368
+ color: string;
369
+ };
355
370
  'spr-text-placeholder': {
356
371
  color: string;
357
372
  };
@@ -379,6 +394,22 @@ declare const _default: {
379
394
  'nav-text-01': {
380
395
  color: string;
381
396
  };
397
+ 'ai-ui-01': {
398
+ background: string;
399
+ };
400
+ 'ai-ui-02': {
401
+ background: string;
402
+ };
403
+ 'ai-ui-03': {
404
+ background: string;
405
+ };
406
+ 'ai-border-01': {
407
+ background: string;
408
+ borderColor: string;
409
+ };
410
+ 'ai-highlight': {
411
+ backgroundColor: string;
412
+ };
382
413
  'outline-01': {
383
414
  outlineStyle: string;
384
415
  outlineWidth: string;
@@ -5554,12 +5585,10 @@ declare const _default: {
5554
5585
  whiteSpace: string;
5555
5586
  };
5556
5587
  'break-normal': {
5557
- wordWrap: string;
5558
5588
  overflowWrap: string;
5559
5589
  wordBreak: string;
5560
5590
  };
5561
5591
  'break-words': {
5562
- wordWrap: string;
5563
5592
  overflowWrap: string;
5564
5593
  };
5565
5594
  'break-all': {
package/space/dark/utilities.js CHANGED
@@ -85,6 +85,10 @@ var utilities = {
85
85
  'spr-secondary-pink': { backgroundColor: 'var(--spr-secondary-pink, #B94055)' },
86
86
  'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #962F61)' },
87
87
  'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #A8623A)' },
88
+ 'spr-clr-magenta': { backgroundColor: 'var(--spr-clr-magenta, #CB1CCE)' },
89
+ 'spr-clr-fuschia': { backgroundColor: 'var(--spr-clr-fuschia, #A70FDC)' },
90
+ 'spr-clr-violet': { backgroundColor: 'var(--spr-clr-violet, #8E43FF)' },
91
+ 'spr-clr-lt-violet': { backgroundColor: 'var(--spr-clr-lt-violet, #E4DFF2)' },
88
92
  'spr-hover': { borderColor: 'var(--spr-hover, #0AA2FF)' },
89
93
  'spr-focus-01': { borderColor: 'var(--spr-focus-01, #0AA2FF)' },
90
94
  'spr-border-01': { borderColor: 'var(--spr-border-01, #3A3A3E)' },
@@ -120,6 +124,7 @@ var utilities = {
120
124
  'spr-text-04': { color: 'var(--spr-text-04, #0AA2FF)' },
121
125
  'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
122
126
  'spr-text-06': { color: 'var(--spr-text-06, #2C2C2F)' },
127
+ 'spr-text-magenta': { color: 'var(--spr-text-magenta, #CB1CCE)' },
123
128
  'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #646469)' },
124
129
  'spr-support-error-text': { color: 'var(--spr-support-error-text, #E44045)' },
125
130
  'spr-support-success-text': { color: 'var(--spr-support-success-text, #3fbf41)' },
@@ -129,6 +134,16 @@ var utilities = {
129
134
  'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.6))' },
130
135
  'nav-icon-focus-01': { fill: 'var(--nav-icon-focus-01, #2E6BD9)' },
131
136
  'nav-text-01': { color: 'var(--nav-text-01, rgba(255, 255, 255, 0.6))' },
137
+ 'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%))' },
138
+ 'ai-ui-02': { background: 'var(--ai-ui-02, linear-gradient(219deg, #431744 0%, #311F4E 48.67%, #172949 100%))' },
139
+ 'ai-ui-03': {
140
+ background: 'var(--ai-ui-03, linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%))'
141
+ },
142
+ 'ai-border-01': {
143
+ background: 'linear-gradient(#1C1C1F, #1C1C1F) padding-box, linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%) border-box',
144
+ borderColor: 'transparent'
145
+ },
146
+ 'ai-highlight': { backgroundColor: 'var(--ai-highlight, rgba(142, 67, 255,0.2))' },
132
147
  'outline-01': { outlineStyle: 'solid', outlineWidth: '2px', outlineColor: '#0AA2FF', outlineOffset: '2px' }
133
148
  };
134
149
  exports["default"] = __assign(__assign({}, utilities_1["default"].utilities), utilities);
package/space/light/index.d.ts CHANGED
@@ -401,6 +401,10 @@ declare const _default: {
401
401
  secondaryPink: string;
402
402
  secondaryMaroon: string;
403
403
  secondaryOrange: string;
404
+ clrMagenta: string;
405
+ clrFuschia: string;
406
+ clrViolet: string;
407
+ clrLtViolet: string;
404
408
  hover: string;
405
409
  focus01: string;
406
410
  border01: string;
@@ -436,6 +440,7 @@ declare const _default: {
436
440
  text04: string;
437
441
  text05: string;
438
442
  text06: string;
443
+ textMagenta: string;
439
444
  textPlaceholder: string;
440
445
  supportErrorText: string;
441
446
  supportSuccessText: string;
@@ -448,6 +453,16 @@ declare const _default: {
448
453
  iconFocus01: string;
449
454
  text01: string;
450
455
  };
456
+ ai: {
457
+ ui01: string;
458
+ ui02: string;
459
+ ui03: string;
460
+ border01: {
461
+ background: string;
462
+ borderColor: string;
463
+ };
464
+ highlight: string;
465
+ };
451
466
  borderRadius: {
452
467
  0: string;
453
468
  1: string;
@@ -1042,6 +1057,18 @@ declare const _default: {
1042
1057
  'spr-secondary-orange': {
1043
1058
  backgroundColor: string;
1044
1059
  };
1060
+ 'spr-clr-magenta': {
1061
+ backgroundColor: string;
1062
+ };
1063
+ 'spr-clr-fuschia': {
1064
+ backgroundColor: string;
1065
+ };
1066
+ 'spr-clr-violet': {
1067
+ backgroundColor: string;
1068
+ };
1069
+ 'spr-clr-lt-violet': {
1070
+ backgroundColor: string;
1071
+ };
1045
1072
  'spr-hover': {
1046
1073
  borderColor: string;
1047
1074
  };
@@ -1147,6 +1174,9 @@ declare const _default: {
1147
1174
  'spr-text-06': {
1148
1175
  color: string;
1149
1176
  };
1177
+ 'spr-text-magenta': {
1178
+ color: string;
1179
+ };
1150
1180
  'spr-text-placeholder': {
1151
1181
  color: string;
1152
1182
  };
@@ -1174,6 +1204,22 @@ declare const _default: {
1174
1204
  'nav-text-01': {
1175
1205
  color: string;
1176
1206
  };
1207
+ 'ai-ui-01': {
1208
+ background: string;
1209
+ };
1210
+ 'ai-ui-02': {
1211
+ background: string;
1212
+ };
1213
+ 'ai-ui-03': {
1214
+ background: string;
1215
+ };
1216
+ 'ai-border-01': {
1217
+ background: string;
1218
+ borderColor: string;
1219
+ };
1220
+ 'ai-highlight': {
1221
+ backgroundColor: string;
1222
+ };
1177
1223
  'outline-01': {
1178
1224
  outlineStyle: string;
1179
1225
  outlineWidth: string;
@@ -6349,12 +6395,10 @@ declare const _default: {
6349
6395
  whiteSpace: string;
6350
6396
  };
6351
6397
  'break-normal': {
6352
- wordWrap: string;
6353
6398
  overflowWrap: string;
6354
6399
  wordBreak: string;
6355
6400
  };
6356
6401
  'break-words': {
6357
- wordWrap: string;
6358
6402
  overflowWrap: string;
6359
6403
  };
6360
6404
  'break-all': {
package/space/light/theme.d.ts CHANGED
@@ -400,6 +400,10 @@ declare const _default: {
400
400
  secondaryPink: string;
401
401
  secondaryMaroon: string;
402
402
  secondaryOrange: string;
403
+ clrMagenta: string;
404
+ clrFuschia: string;
405
+ clrViolet: string;
406
+ clrLtViolet: string;
403
407
  hover: string;
404
408
  focus01: string;
405
409
  border01: string;
@@ -435,6 +439,7 @@ declare const _default: {
435
439
  text04: string;
436
440
  text05: string;
437
441
  text06: string;
442
+ textMagenta: string;
438
443
  textPlaceholder: string;
439
444
  supportErrorText: string;
440
445
  supportSuccessText: string;
@@ -447,6 +452,16 @@ declare const _default: {
447
452
  iconFocus01: string;
448
453
  text01: string;
449
454
  };
455
+ ai: {
456
+ ui01: string;
457
+ ui02: string;
458
+ ui03: string;
459
+ border01: {
460
+ background: string;
461
+ borderColor: string;
462
+ };
463
+ highlight: string;
464
+ };
450
465
  borderRadius: {
451
466
  0: string;
452
467
  1: string;
package/space/light/theme.js CHANGED
@@ -235,6 +235,10 @@ var theme = {
235
235
  secondaryPink: 'var(--spr-secondary-pink, #ED4C67)',
236
236
  secondaryMaroon: 'var(--spr-secondary-maroon, #B53471)',
237
237
  secondaryOrange: 'var(--spr-secondary-orange, #F48749)',
238
+ clrMagenta: 'var(--spr-clr-magenta, #CB1CCE)',
239
+ clrFuschia: 'var(--spr-clr-fuschia, #A70FDC)',
240
+ clrViolet: 'var(--spr-clr-violet, #8E43FF)',
241
+ clrLtViolet: 'var(--spr-clr-lt-violet, #E4DFF2)',
238
242
  hover: 'var(--spr-hover, #0828CC)',
239
243
  focus01: 'var(--spr-focus-01, #0828CC)',
240
244
  border01: 'var(--spr-border-01, #F2F2F4)',
@@ -270,6 +274,7 @@ var theme = {
270
274
  text04: 'var(--spr-text-04, #0828CC)',
271
275
  text05: 'var(--spr-text-05, #FFFFFF)',
272
276
  text06: 'var(--spr-text-06, #FFFFFF)',
277
+ textMagenta: 'var(--spr-text-magenta, #CB1CCE)',
273
278
  textPlaceholder: 'var(--spr-text-placeholder, #646470)',
274
279
  supportErrorText: 'var(--spr-support-error-text, #C6202B)',
275
280
  supportSuccessText: 'var(--spr-support-success-text, #20963a)',
@@ -281,6 +286,16 @@ var theme = {
281
286
  icon01: 'var(--nav-icon-01, rgba(255, 255, 255, 0.9))',
282
287
  iconFocus01: 'var(--nav-icon-focus-01, #327AFD)',
283
288
  text01: 'var(--nav-text-01, rgba(255, 255, 255, 0.9))'
289
+ },
290
+ ai: {
291
+ ui01: 'var(--ai-ui-01, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%))',
292
+ ui02: 'var(--ai-ui-02, linear-gradient(233.63deg, 18.56%, #F7F0FE 52.51%, #ECF2FE 87.9%))',
293
+ ui03: 'var(--ai-ui-03, linear-gradient(181.44deg, rgba(222, 70, 225, 0.2) -1.57%, rgba(142, 67, 255, 0.2) 79.59%, rgba(14, 97, 246, 0.2) 113.86%))',
294
+ border01: {
295
+ background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%) border-box',
296
+ borderColor: 'transparent'
297
+ },
298
+ highlight: 'var(--ai-highlight, #E4DFF2)'
284
299
  }
285
300
  };
286
301
  exports["default"] = __assign(__assign({}, theme_1["default"]), theme);
package/space/light/utilities.d.ts CHANGED
@@ -247,6 +247,18 @@ declare const _default: {
247
247
  'spr-secondary-orange': {
248
248
  backgroundColor: string;
249
249
  };
250
+ 'spr-clr-magenta': {
251
+ backgroundColor: string;
252
+ };
253
+ 'spr-clr-fuschia': {
254
+ backgroundColor: string;
255
+ };
256
+ 'spr-clr-violet': {
257
+ backgroundColor: string;
258
+ };
259
+ 'spr-clr-lt-violet': {
260
+ backgroundColor: string;
261
+ };
250
262
  'spr-hover': {
251
263
  borderColor: string;
252
264
  };
@@ -352,6 +364,9 @@ declare const _default: {
352
364
  'spr-text-06': {
353
365
  color: string;
354
366
  };
367
+ 'spr-text-magenta': {
368
+ color: string;
369
+ };
355
370
  'spr-text-placeholder': {
356
371
  color: string;
357
372
  };
@@ -379,6 +394,22 @@ declare const _default: {
379
394
  'nav-text-01': {
380
395
  color: string;
381
396
  };
397
+ 'ai-ui-01': {
398
+ background: string;
399
+ };
400
+ 'ai-ui-02': {
401
+ background: string;
402
+ };
403
+ 'ai-ui-03': {
404
+ background: string;
405
+ };
406
+ 'ai-border-01': {
407
+ background: string;
408
+ borderColor: string;
409
+ };
410
+ 'ai-highlight': {
411
+ backgroundColor: string;
412
+ };
382
413
  'outline-01': {
383
414
  outlineStyle: string;
384
415
  outlineWidth: string;
@@ -5554,12 +5585,10 @@ declare const _default: {
5554
5585
  whiteSpace: string;
5555
5586
  };
5556
5587
  'break-normal': {
5557
- wordWrap: string;
5558
5588
  overflowWrap: string;
5559
5589
  wordBreak: string;
5560
5590
  };
5561
5591
  'break-words': {
5562
- wordWrap: string;
5563
5592
  overflowWrap: string;
5564
5593
  };
5565
5594
  'break-all': {
package/space/light/utilities.js CHANGED
@@ -85,6 +85,10 @@ var utilities = {
85
85
  'spr-secondary-pink': { backgroundColor: 'var(--spr-secondary-pink, #ED4C67)' },
86
86
  'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #B53471)' },
87
87
  'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #F48749)' },
88
+ 'spr-clr-magenta': { backgroundColor: 'var(--spr-clr-magenta, #CB1CCE)' },
89
+ 'spr-clr-fuschia': { backgroundColor: 'var(--spr-clr-fuschia, #A70FDC)' },
90
+ 'spr-clr-violet': { backgroundColor: 'var(--spr-clr-violet, #8E43FF)' },
91
+ 'spr-clr-lt-violet': { backgroundColor: 'var(--spr-clr-lt-violet, #E4DFF2)' },
88
92
  'spr-hover': { borderColor: 'var(--spr-hover, #0828CC)' },
89
93
  'spr-focus-01': { borderColor: 'var(--spr-focus-01, #0828CC)' },
90
94
  'spr-border-01': { borderColor: 'var(--spr-border-01, #F2F2F4)' },
@@ -120,6 +124,7 @@ var utilities = {
120
124
  'spr-text-04': { color: 'var(--spr-text-04, #0828CC)' },
121
125
  'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
122
126
  'spr-text-06': { color: 'var(--spr-text-06, #FFFFFF)' },
127
+ 'spr-text-magenta': { color: 'var(--spr-text-magenta, #CB1CCE)' },
123
128
  'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #646470)' },
124
129
  'spr-support-error-text': { color: 'var(--spr-support-error-text, #C6202B)' },
125
130
  'spr-support-success-text': { color: 'var(--spr-support-success-text, #20963a)' },
@@ -129,6 +134,16 @@ var utilities = {
129
134
  'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.9))' },
130
135
  'nav-icon-focus-01': { fill: 'var(--nav-icon-focus-01, #327AFD)' },
131
136
  'nav-text-01': { color: 'var(--nav-text-01, rgba(255, 255, 255, 0.9))' },
137
+ 'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%))' },
138
+ 'ai-ui-02': { background: 'var(--ai-ui-02, linear-gradient(233.63deg, 18.56%, #F7F0FE 52.51%, #ECF2FE 87.9%))' },
139
+ 'ai-ui-03': {
140
+ background: 'var(--ai-ui-03, linear-gradient(181.44deg, rgba(222, 70, 225, 0.2) -1.57%, rgba(142, 67, 255, 0.2) 79.59%, rgba(14, 97, 246, 0.2) 113.86%))'
141
+ },
142
+ 'ai-border-01': {
143
+ background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%) border-box',
144
+ borderColor: 'transparent'
145
+ },
146
+ 'ai-highlight': { backgroundColor: 'var(--ai-highlight, #E4DFF2)' },
132
147
  'outline-01': { outlineStyle: 'solid', outlineWidth: '2px', outlineColor: '#0828CC', outlineOffset: '2px' }
133
148
  };
134
149
  exports["default"] = __assign(__assign({}, utilities_1["default"].utilities), utilities);
package/space/themeVars.css CHANGED
@@ -56,6 +56,10 @@
56
56
  --spr-secondary-pink: #ed4c67;
57
57
  --spr-secondary-maroon: #b53471;
58
58
  --spr-secondary-orange: #f48749;
59
+ --spr-clr-magenta: #cb1cce;
60
+ --spr-clr-fuschia: #a70fdc;
61
+ --spr-clr-violet: #8e43ff;
62
+ --spr-clr-lt-violet: #e4dff2;
59
63
  --spr-hover: #0828cc;
60
64
  --spr-focus-01: #0828cc;
61
65
  --spr-border-01: #f2f2f4;
@@ -91,6 +95,7 @@
91
95
  --spr-text-04: #0828cc;
92
96
  --spr-text-05: #ffffff;
93
97
  --spr-text-06: #ffffff;
98
+ --spr-text-magenta: #cb1cce;
94
99
  --spr-text-placeholder: #646470;
95
100
  --spr-support-error-text: #c6202b;
96
101
  --spr-support-success-text: #20963a;
@@ -125,6 +130,15 @@
125
130
  --nav-icon-01: rgba(255, 255, 255, 0.9);
126
131
  --nav-icon-focus-01: #327afd;
127
132
  --nav-text-01: rgba(255, 255, 255, 0.9);
133
+ --ai-ui-01: linear-gradient(88.6879deg, #de46e1, #8e43ff 48.7%, #0e61f6 100%);
134
+ --ai-ui-02: linear-gradient(233.63deg, 18.56%, #f7f0fe 52.51%, #ecf2fe 87.9%);
135
+ --ai-ui-03: linear-gradient(
136
+ 181.44deg,
137
+ rgba(222, 70, 225, 0.2) -1.57%,
138
+ rgba(142, 67, 255, 0.2) 79.59%,
139
+ rgba(14, 97, 246, 0.2) 113.86%
140
+ );
141
+ --ai-highlight: #e4dff2;
128
142
  }
129
143
  .space-dark {
130
144
  color-scheme: dark;
@@ -179,6 +193,10 @@
179
193
  --spr-secondary-pink: #b94055;
180
194
  --spr-secondary-maroon: #962f61;
181
195
  --spr-secondary-orange: #a8623a;
196
+ --spr-clr-magenta: #cb1cce;
197
+ --spr-clr-fuschia: #a70fdc;
198
+ --spr-clr-violet: #8e43ff;
199
+ --spr-clr-lt-violet: #e4dff2;
182
200
  --spr-hover: #0aa2ff;
183
201
  --spr-focus-01: #0aa2ff;
184
202
  --spr-border-01: #3a3a3e;
@@ -214,6 +232,7 @@
214
232
  --spr-text-04: #0aa2ff;
215
233
  --spr-text-05: #ffffff;
216
234
  --spr-text-06: #2c2c2f;
235
+ --spr-text-magenta: #cb1cce;
217
236
  --spr-text-placeholder: #646469;
218
237
  --spr-support-error-text: #e44045;
219
238
  --spr-support-success-text: #3fbf41;
@@ -248,4 +267,8 @@
248
267
  --nav-icon-01: rgba(255, 255, 255, 0.6);
249
268
  --nav-icon-focus-01: #2e6bd9;
250
269
  --nav-text-01: rgba(255, 255, 255, 0.6);
270
+ --ai-ui-01: linear-gradient(-46.7906deg, #de46e1, #8e43ff 48.67%, #0e61f6 100%);
271
+ --ai-ui-02: linear-gradient(219deg, #431744 0%, #311f4e 48.67%, #172949 100%);
272
+ --ai-ui-03: linear-gradient(229.68deg, #88578a 5.41%, #715693 58.63%, #4b5e91 105.21%);
273
+ --ai-highlight: rgba(142, 67, 255, 0.2);
251
274
  }
package/space/themeVars.min.css CHANGED
@@ -1 +1 @@
1
- .space-light{color-scheme:light;--spr-ui-01:#FFFFFF;--spr-ui-02:#F8F8FA;--spr-ui-03:#F2F2F4;--spr-ui-04:#0828CC;--spr-ui-05:#F2F2F4;--spr-ui-06:#E6E6E9;--spr-ui-focus:rgba(8, 40, 204, 0.07);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:rgba(8, 40, 204, 0.05);--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error:#E44045;--spr-support-error-highlight:rgba(255, 96, 96, 0.1);--spr-support-success:#3fbf41;--spr-support-success-highlight:rgba(63, 191, 65, 0.07);--spr-support-warning:#EEC202;--spr-support-warning-highlight:rgba(238, 194, 2, 0.1);--spr-clr-blue-highlight:#E8F0FE;--spr-tag:#F2F2F4;--spr-tag-01:#F2F2F4;--spr-tag-02:rgba(8, 40, 204, 0.07);--spr-field:#DBDBDB;--spr-popup:#FFFFFF;--spr-overlay:rgba(10, 10, 20, 0.9);--spr-tooltip-01:#0A0A14;--spr-highlight:rgba(255, 231, 173, 0.7);--spr-favourite:#FF9F21;--spr-notification:#C6202B;--spr-interactive-01:#0828CC;--spr-interactive-hover:#0729a0;--spr-interactive-disable:rgba(255, 255, 255, 0.8);--spr-interactive-02:#646470;--spr-clr-blue:#0AA2FF;--spr-clr-green:#20963a;--spr-clr-lavender:#7F36F6;--spr-clr-orange:#F08C1A;--spr-clr-pink:#DE456B;--spr-clr-red:#E44045;--spr-clr-sea:#16AAD2;--spr-clr-teal:#13C18D;--spr-clr-yellow:#DEAC09;--spr-clr-grey:#D7D7DC;--spr-clr-purple:#8C43FF;--spr-clr-lt-yellow:#FFD04F;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#FFC312;--spr-secondary-green:#A3CB38;--spr-secondary-teal:#12CBC4;--spr-secondary-lt-pink:#FDA7DF;--spr-secondary-pink:#ED4C67;--spr-secondary-maroon:#B53471;--spr-secondary-orange:#F48749;--spr-hover:#0828CC;--spr-focus-01:#0828CC;--spr-border-01:#F2F2F4;--spr-border-02:#ECECEF;--spr-border-03:#D7D7DC;--spr-border-04:#A0A0A8;--spr-border-05:#FFFFFF;--spr-border-06:#0A0A14;--spr-card-border:#ECECEF;--spr-popup-border:#D7D7DC;--spr-tooltip-border:#0A0A14;--spr-interactive-focus:#132a86;--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.15);--spr-shadow-02:0 2px 8px 0 rgba(10,10,20,0.20);--spr-shadow-03:-2px 9px 12px 0 rgba(10,10,20,0.60);--spr-shadow-04:0px -2px 8px 0px rgba(10,10,20,0.2);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.1);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.1);--spr-icon-01:#0A0A14;--spr-icon-02:#646470;--spr-icon-03:#646470;--spr-icon-04:#0828CC;--spr-icon-05:#FFFFFF;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#0A0A14;--spr-icon-disable:#D7D7DC;--spr-icon-hover-reverse:#FFFFFF;--spr-icon-error:#FF6060;--spr-link:#0828CC;--spr-text-01:#0A0A14;--spr-text-02:#434350;--spr-text-03:#646470;--spr-text-04:#0828CC;--spr-text-05:#FFFFFF;--spr-text-06:#FFFFFF;--spr-text-placeholder:#646470;--spr-support-error-text:#C6202B;--spr-support-success-text:#20963a;--spr-support-warning-text:#DEAC09;--app-header:#0A0A14;--app-header-tab:rgba(255, 255, 255, 0.1);--app-header-tab-hover:rgba(255, 255, 255, 0.2);--app-header-tab-active:#FFFFFF;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#F3EAE1;--cht-border:#E6D4CA;--cht-bubble-left:#FFFFFF;--cht-bubble-right:#EBEBFF;--cht-bubble-supporting-text:#646470;--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#0A0A14;--cht-bubble-border:#C7D3F7;--cht-bubble-icon-1:#646470;--cht-bubble-icon-2:#D7D7DC;--cht-bubble-icon-3:#0828CC;--cht-bubble-insert:#F8F8FA;--cht-bubble-link:#0828CC;--cht-bubble-text:#646470;--cht-reply:#FFFFFF;--cht-footer:#F3EAE1;--cht-hover:rgba(100, 100, 112, 0.07);--cht-read:#006CD7;--cht-unread:#A0A0A8;--nav-ui-01:rgba(255, 255, 255, 0.2);--nav-ui-hover-01:rgba(255, 255, 255, 0.3);--nav-icon-01:rgba(255, 255, 255, 0.9);--nav-icon-focus-01:#327AFD;--nav-text-01:rgba(255, 255, 255, 0.9)}.space-dark{color-scheme:dark;--spr-ui-01:#2C2C2F;--spr-ui-02:#3A3A3E;--spr-ui-03:#141416;--spr-ui-04:#0AA2FF;--spr-ui-05:#48484C;--spr-ui-06:#212123;--spr-ui-focus:rgba(255, 255, 255, 0.12);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:rgba(255, 255, 255, 0.07);--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error:#C6202B;--spr-support-error-highlight:rgba(228, 64, 69, 0.15);--spr-support-success:#20963a;--spr-support-success-highlight:rgba(32, 150, 58, 0.15);--spr-support-warning:#DEAC09;--spr-support-warning-highlight:rgba(222, 172, 9, 0.12);--spr-clr-blue-highlight:#2B3343;--spr-tag:#48484C;--spr-tag-01:#48484C;--spr-tag-02:rgba(255, 255, 255, 0.1);--spr-field:#48484C;--spr-popup:#2C2C2F;--spr-overlay:rgba(28, 28, 31, 0.8);--spr-tooltip-01:rgba(255, 255, 255, 0.9);--spr-highlight:rgba(184, 144, 0, 0.6);--spr-favourite:#FF9F21;--spr-notification:#C6202B;--spr-interactive-01:#0AA2FF;--spr-interactive-hover:#0A83D0;--spr-interactive-disable:rgba(44, 44, 47, 0.6);--spr-interactive-02:#AEAEB2;--spr-clr-blue:#006CD7;--spr-clr-green:#3fbf41;--spr-clr-lavender:#9C60FF;--spr-clr-orange:#FF9F21;--spr-clr-pink:#FF668F;--spr-clr-red:#ff6060;--spr-clr-sea:#00C8FF;--spr-clr-teal:#02D999;--spr-clr-yellow:#EEC202;--spr-clr-grey:#646469;--spr-clr-purple:#763BD2;--spr-clr-lt-yellow:#846F35;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#8D6F18;--spr-secondary-green:#5F732C;--spr-secondary-teal:#168380;--spr-secondary-lt-pink:#956787;--spr-secondary-pink:#B94055;--spr-secondary-maroon:#962F61;--spr-secondary-orange:#A8623A;--spr-hover:#0AA2FF;--spr-focus-01:#0AA2FF;--spr-border-01:#3A3A3E;--spr-border-02:#48484C;--spr-border-03:#48484C;--spr-border-04:#646469;--spr-border-05:#2C2C2F;--spr-border-06:#F1F1F1;--spr-card-border:#3A3A3E;--spr-popup-border:#1C1C1F;--spr-tooltip-border:rgba(174, 174, 178, 0.2);--spr-interactive-focus:#0A65A1;--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.3);--spr-shadow-02:0 4px 10px 0 rgb(20,20,22);--spr-shadow-03:-2px 5px 12px 0 rgba(10,10,20,0.80);--spr-shadow-04:0 -4px 10px 0px rgb(20,20,22);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.2);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.2);--spr-icon-01:#FFFFFF;--spr-icon-02:#AEAEB2;--spr-icon-03:#AEAEB2;--spr-icon-04:#0AA2FF;--spr-icon-05:#FFFFFF;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-error:#FF6060;--spr-icon-hover:#FFFFFF;--spr-icon-disable:#646469;--spr-icon-hover-reverse:#FFFFFF;--spr-link:#0AA2FF;--spr-text-01:#FFFFFF;--spr-text-02:#AEAEB2;--spr-text-03:#646469;--spr-text-04:#0AA2FF;--spr-text-05:#FFFFFF;--spr-text-06:#2C2C2F;--spr-text-placeholder:#646469;--spr-support-error-text:#E44045;--spr-support-success-text:#3fbf41;--spr-support-warning-text:#EEC202;--app-header:#000;--app-header-tab:rgba(44, 44, 47, 0.6);--app-header-tab-hover:rgba(44, 44, 47, 0.8);--app-header-tab-active:#2C2C2F;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#141416;--cht-border:#2C2C2F;--cht-bubble-left:#F8F8FA;--cht-bubble-right:#006CD7;--cht-bubble-supporting-text:rgba(255, 255, 255, 0.7);--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#FFFFFF;--cht-bubble-border:#006CD7;--cht-bubble-icon-1:rgba(255, 255, 255, 0.7);--cht-bubble-icon-2:rgba(255, 255, 255, 0.3);--cht-bubble-icon-3:#FFFFFF;--cht-bubble-insert:rgba(0, 0, 0, 0.2);--cht-bubble-link:#3DF6BF;--cht-bubble-text:rgba(255, 255, 255, 0.7);--cht-reply:#141416;--cht-footer:#2C2C2F;--cht-hover:#1C1C1F;--cht-read:#006CD7;--cht-unread:#AEAEB2;--nav-ui-01:rgba(44, 44, 47, 0.7);--nav-ui-hover-01:rgba(44, 44, 47, 0.9);--nav-icon-01:rgba(255, 255, 255, 0.6);--nav-icon-focus-01:#2E6BD9;--nav-text-01:rgba(255, 255, 255, 0.6)}
1
+ .space-light{color-scheme:light;--spr-ui-01:#FFFFFF;--spr-ui-02:#F8F8FA;--spr-ui-03:#F2F2F4;--spr-ui-04:#0828CC;--spr-ui-05:#F2F2F4;--spr-ui-06:#E6E6E9;--spr-ui-focus:rgba(8, 40, 204, 0.07);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:rgba(8, 40, 204, 0.05);--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error:#E44045;--spr-support-error-highlight:rgba(255, 96, 96, 0.1);--spr-support-success:#3fbf41;--spr-support-success-highlight:rgba(63, 191, 65, 0.07);--spr-support-warning:#EEC202;--spr-support-warning-highlight:rgba(238, 194, 2, 0.1);--spr-clr-blue-highlight:#E8F0FE;--spr-tag:#F2F2F4;--spr-tag-01:#F2F2F4;--spr-tag-02:rgba(8, 40, 204, 0.07);--spr-field:#DBDBDB;--spr-popup:#FFFFFF;--spr-overlay:rgba(10, 10, 20, 0.9);--spr-tooltip-01:#0A0A14;--spr-highlight:rgba(255, 231, 173, 0.7);--spr-favourite:#FF9F21;--spr-notification:#C6202B;--spr-interactive-01:#0828CC;--spr-interactive-hover:#0729a0;--spr-interactive-disable:rgba(255, 255, 255, 0.8);--spr-interactive-02:#646470;--spr-clr-blue:#0AA2FF;--spr-clr-green:#20963a;--spr-clr-lavender:#7F36F6;--spr-clr-orange:#F08C1A;--spr-clr-pink:#DE456B;--spr-clr-red:#E44045;--spr-clr-sea:#16AAD2;--spr-clr-teal:#13C18D;--spr-clr-yellow:#DEAC09;--spr-clr-grey:#D7D7DC;--spr-clr-purple:#8C43FF;--spr-clr-lt-yellow:#FFD04F;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#FFC312;--spr-secondary-green:#A3CB38;--spr-secondary-teal:#12CBC4;--spr-secondary-lt-pink:#FDA7DF;--spr-secondary-pink:#ED4C67;--spr-secondary-maroon:#B53471;--spr-secondary-orange:#F48749;--spr-clr-magenta:#CB1CCE;--spr-clr-fuschia:#A70FDC;--spr-clr-violet:#8E43FF;--spr-clr-lt-violet:#E4DFF2;--spr-hover:#0828CC;--spr-focus-01:#0828CC;--spr-border-01:#F2F2F4;--spr-border-02:#ECECEF;--spr-border-03:#D7D7DC;--spr-border-04:#A0A0A8;--spr-border-05:#FFFFFF;--spr-border-06:#0A0A14;--spr-card-border:#ECECEF;--spr-popup-border:#D7D7DC;--spr-tooltip-border:#0A0A14;--spr-interactive-focus:#132a86;--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.15);--spr-shadow-02:0 2px 8px 0 rgba(10,10,20,0.20);--spr-shadow-03:-2px 9px 12px 0 rgba(10,10,20,0.60);--spr-shadow-04:0px -2px 8px 0px rgba(10,10,20,0.2);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.1);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.1);--spr-icon-01:#0A0A14;--spr-icon-02:#646470;--spr-icon-03:#646470;--spr-icon-04:#0828CC;--spr-icon-05:#FFFFFF;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#0A0A14;--spr-icon-disable:#D7D7DC;--spr-icon-hover-reverse:#FFFFFF;--spr-icon-error:#FF6060;--spr-link:#0828CC;--spr-text-01:#0A0A14;--spr-text-02:#434350;--spr-text-03:#646470;--spr-text-04:#0828CC;--spr-text-05:#FFFFFF;--spr-text-06:#FFFFFF;--spr-text-magenta:#CB1CCE;--spr-text-placeholder:#646470;--spr-support-error-text:#C6202B;--spr-support-success-text:#20963a;--spr-support-warning-text:#DEAC09;--app-header:#0A0A14;--app-header-tab:rgba(255, 255, 255, 0.1);--app-header-tab-hover:rgba(255, 255, 255, 0.2);--app-header-tab-active:#FFFFFF;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#F3EAE1;--cht-border:#E6D4CA;--cht-bubble-left:#FFFFFF;--cht-bubble-right:#EBEBFF;--cht-bubble-supporting-text:#646470;--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#0A0A14;--cht-bubble-border:#C7D3F7;--cht-bubble-icon-1:#646470;--cht-bubble-icon-2:#D7D7DC;--cht-bubble-icon-3:#0828CC;--cht-bubble-insert:#F8F8FA;--cht-bubble-link:#0828CC;--cht-bubble-text:#646470;--cht-reply:#FFFFFF;--cht-footer:#F3EAE1;--cht-hover:rgba(100, 100, 112, 0.07);--cht-read:#006CD7;--cht-unread:#A0A0A8;--nav-ui-01:rgba(255, 255, 255, 0.2);--nav-ui-hover-01:rgba(255, 255, 255, 0.3);--nav-icon-01:rgba(255, 255, 255, 0.9);--nav-icon-focus-01:#327AFD;--nav-text-01:rgba(255, 255, 255, 0.9);--ai-ui-01:linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%);--ai-ui-02:linear-gradient(233.63deg, 18.56%, #F7F0FE 52.51%, #ECF2FE 87.9%);--ai-ui-03:linear-gradient(181.44deg, rgba(222, 70, 225, 0.2) -1.57%, rgba(142, 67, 255, 0.2) 79.59%, rgba(14, 97, 246, 0.2) 113.86%);--ai-highlight:#E4DFF2}.space-dark{color-scheme:dark;--spr-ui-01:#2C2C2F;--spr-ui-02:#3A3A3E;--spr-ui-03:#141416;--spr-ui-04:#0AA2FF;--spr-ui-05:#48484C;--spr-ui-06:#212123;--spr-ui-focus:rgba(255, 255, 255, 0.12);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:rgba(255, 255, 255, 0.07);--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error:#C6202B;--spr-support-error-highlight:rgba(228, 64, 69, 0.15);--spr-support-success:#20963a;--spr-support-success-highlight:rgba(32, 150, 58, 0.15);--spr-support-warning:#DEAC09;--spr-support-warning-highlight:rgba(222, 172, 9, 0.12);--spr-clr-blue-highlight:#2B3343;--spr-tag:#48484C;--spr-tag-01:#48484C;--spr-tag-02:rgba(255, 255, 255, 0.1);--spr-field:#48484C;--spr-popup:#2C2C2F;--spr-overlay:rgba(28, 28, 31, 0.8);--spr-tooltip-01:rgba(255, 255, 255, 0.9);--spr-highlight:rgba(184, 144, 0, 0.6);--spr-favourite:#FF9F21;--spr-notification:#C6202B;--spr-interactive-01:#0AA2FF;--spr-interactive-hover:#0A83D0;--spr-interactive-disable:rgba(44, 44, 47, 0.6);--spr-interactive-02:#AEAEB2;--spr-clr-blue:#006CD7;--spr-clr-green:#3fbf41;--spr-clr-lavender:#9C60FF;--spr-clr-orange:#FF9F21;--spr-clr-pink:#FF668F;--spr-clr-red:#ff6060;--spr-clr-sea:#00C8FF;--spr-clr-teal:#02D999;--spr-clr-yellow:#EEC202;--spr-clr-grey:#646469;--spr-clr-purple:#763BD2;--spr-clr-lt-yellow:#846F35;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#8D6F18;--spr-secondary-green:#5F732C;--spr-secondary-teal:#168380;--spr-secondary-lt-pink:#956787;--spr-secondary-pink:#B94055;--spr-secondary-maroon:#962F61;--spr-secondary-orange:#A8623A;--spr-clr-magenta:#CB1CCE;--spr-clr-fuschia:#A70FDC;--spr-clr-violet:#8E43FF;--spr-clr-lt-violet:#E4DFF2;--spr-hover:#0AA2FF;--spr-focus-01:#0AA2FF;--spr-border-01:#3A3A3E;--spr-border-02:#48484C;--spr-border-03:#48484C;--spr-border-04:#646469;--spr-border-05:#2C2C2F;--spr-border-06:#F1F1F1;--spr-card-border:#3A3A3E;--spr-popup-border:#1C1C1F;--spr-tooltip-border:rgba(174, 174, 178, 0.2);--spr-interactive-focus:#0A65A1;--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.3);--spr-shadow-02:0 4px 10px 0 rgb(20,20,22);--spr-shadow-03:-2px 5px 12px 0 rgba(10,10,20,0.80);--spr-shadow-04:0 -4px 10px 0px rgb(20,20,22);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.2);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.2);--spr-icon-01:#FFFFFF;--spr-icon-02:#AEAEB2;--spr-icon-03:#AEAEB2;--spr-icon-04:#0AA2FF;--spr-icon-05:#FFFFFF;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-error:#FF6060;--spr-icon-hover:#FFFFFF;--spr-icon-disable:#646469;--spr-icon-hover-reverse:#FFFFFF;--spr-link:#0AA2FF;--spr-text-01:#FFFFFF;--spr-text-02:#AEAEB2;--spr-text-03:#646469;--spr-text-04:#0AA2FF;--spr-text-05:#FFFFFF;--spr-text-06:#2C2C2F;--spr-text-magenta:#CB1CCE;--spr-text-placeholder:#646469;--spr-support-error-text:#E44045;--spr-support-success-text:#3fbf41;--spr-support-warning-text:#EEC202;--app-header:#000;--app-header-tab:rgba(44, 44, 47, 0.6);--app-header-tab-hover:rgba(44, 44, 47, 0.8);--app-header-tab-active:#2C2C2F;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#141416;--cht-border:#2C2C2F;--cht-bubble-left:#F8F8FA;--cht-bubble-right:#006CD7;--cht-bubble-supporting-text:rgba(255, 255, 255, 0.7);--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#FFFFFF;--cht-bubble-border:#006CD7;--cht-bubble-icon-1:rgba(255, 255, 255, 0.7);--cht-bubble-icon-2:rgba(255, 255, 255, 0.3);--cht-bubble-icon-3:#FFFFFF;--cht-bubble-insert:rgba(0, 0, 0, 0.2);--cht-bubble-link:#3DF6BF;--cht-bubble-text:rgba(255, 255, 255, 0.7);--cht-reply:#141416;--cht-footer:#2C2C2F;--cht-hover:#1C1C1F;--cht-read:#006CD7;--cht-unread:#AEAEB2;--nav-ui-01:rgba(44, 44, 47, 0.7);--nav-ui-hover-01:rgba(44, 44, 47, 0.9);--nav-icon-01:rgba(255, 255, 255, 0.6);--nav-icon-focus-01:#2E6BD9;--nav-text-01:rgba(255, 255, 255, 0.6);--ai-ui-01:linear-gradient(-46.7906deg, #DE46E1, #8E43FF 48.67%, #0E61F6 100%);--ai-ui-02:linear-gradient(219deg, #431744 0%, #311F4E 48.67%, #172949 100%);--ai-ui-03:linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%);--ai-highlight:rgba(142, 67, 255,0.2)}