@carbon/themes 11.64.0-rc.0 → 11.65.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.
- package/es/index.js +377 -4
- package/lib/index.js +420 -2
- package/package.json +6 -6
- package/scss/generated/_themes.scss +180 -0
- package/scss/generated/_tokens.scss +135 -0
- package/src/g10.js +53 -1
- package/src/g100.js +51 -0
- package/src/g90.js +51 -0
- package/src/tokens/v11TokenGroup.js +53 -0
- package/src/white.js +53 -1
- package/umd/index.js +420 -2
|
@@ -61,8 +61,10 @@ $white: (
|
|
|
61
61
|
chat-avatar-bot: #6f6f6f,
|
|
62
62
|
chat-avatar-user: #0f62fe,
|
|
63
63
|
chat-bubble-agent: #ffffff,
|
|
64
|
+
chat-bubble-agent-text: #161616,
|
|
64
65
|
chat-bubble-border: #e0e0e0,
|
|
65
66
|
chat-bubble-user: #e0e0e0,
|
|
67
|
+
chat-bubble-user-text: #161616,
|
|
66
68
|
chat-button: #0f62fe,
|
|
67
69
|
chat-button-active: rgba(141, 141, 141, 0.5),
|
|
68
70
|
chat-button-hover: rgba(141, 141, 141, 0.12),
|
|
@@ -70,9 +72,11 @@ $white: (
|
|
|
70
72
|
chat-button-text-hover: #0043ce,
|
|
71
73
|
chat-button-text-selected: #525252,
|
|
72
74
|
chat-header-background: #ffffff,
|
|
75
|
+
chat-header-text: #161616,
|
|
73
76
|
chat-prompt-background: #ffffff,
|
|
74
77
|
chat-prompt-border-end: rgba(244, 244, 244, 0),
|
|
75
78
|
chat-prompt-border-start: #f4f4f4,
|
|
79
|
+
chat-prompt-text: #161616,
|
|
76
80
|
chat-shell-background: #ffffff,
|
|
77
81
|
field-01: #f4f4f4,
|
|
78
82
|
field-02: #ffffff,
|
|
@@ -144,6 +148,47 @@ $white: (
|
|
|
144
148
|
support-success-inverse: #42be65,
|
|
145
149
|
support-warning: #f1c21b,
|
|
146
150
|
support-warning-inverse: #f1c21b,
|
|
151
|
+
syntax-atom: #161616,
|
|
152
|
+
syntax-attribute: #00539a,
|
|
153
|
+
syntax-attribute-name: #00539a,
|
|
154
|
+
syntax-attribute-value: #161616,
|
|
155
|
+
syntax-block-comment: #198038,
|
|
156
|
+
syntax-bool: #161616,
|
|
157
|
+
syntax-character: #161616,
|
|
158
|
+
syntax-class-name: #007d79,
|
|
159
|
+
syntax-color: #161616,
|
|
160
|
+
syntax-comment: #198038,
|
|
161
|
+
syntax-control-keyword: #6929c4,
|
|
162
|
+
syntax-definition-keyword: #00539a,
|
|
163
|
+
syntax-doc-comment: #198038,
|
|
164
|
+
syntax-doc-string: #161616,
|
|
165
|
+
syntax-escape: #343a3f,
|
|
166
|
+
syntax-float: #198038,
|
|
167
|
+
syntax-integer: #198038,
|
|
168
|
+
syntax-keyword: #0f62fe,
|
|
169
|
+
syntax-label-name: #0f62fe,
|
|
170
|
+
syntax-line-comment: #198038,
|
|
171
|
+
syntax-literal: #161616,
|
|
172
|
+
syntax-macro-name: #161616,
|
|
173
|
+
syntax-module-keyword: #6929c4,
|
|
174
|
+
syntax-name: #0f62fe,
|
|
175
|
+
syntax-namespace: #007d79,
|
|
176
|
+
syntax-null: #161616,
|
|
177
|
+
syntax-number: #198038,
|
|
178
|
+
syntax-operator-keyword: #0f62fe,
|
|
179
|
+
syntax-property-name: #00539a,
|
|
180
|
+
syntax-regexp: #6929c4,
|
|
181
|
+
syntax-self: #007d79,
|
|
182
|
+
syntax-special-string: #8a3ffc,
|
|
183
|
+
syntax-string: #161616,
|
|
184
|
+
syntax-tag: #007d79,
|
|
185
|
+
syntax-tag-name: #007d79,
|
|
186
|
+
syntax-type: #007d79,
|
|
187
|
+
syntax-type-name: #007d79,
|
|
188
|
+
syntax-unit: #198038,
|
|
189
|
+
syntax-url: #343a3f,
|
|
190
|
+
syntax-variable: #0f62fe,
|
|
191
|
+
syntax-variable-name: #0f62fe,
|
|
147
192
|
text-disabled: rgba(22, 22, 22, 0.25),
|
|
148
193
|
text-error: #da1e28,
|
|
149
194
|
text-helper: #6f6f6f,
|
|
@@ -212,8 +257,10 @@ $g10: (
|
|
|
212
257
|
chat-avatar-bot: #6f6f6f,
|
|
213
258
|
chat-avatar-user: #0f62fe,
|
|
214
259
|
chat-bubble-agent: #ffffff,
|
|
260
|
+
chat-bubble-agent-text: #161616,
|
|
215
261
|
chat-bubble-border: #e0e0e0,
|
|
216
262
|
chat-bubble-user: #e0e0e0,
|
|
263
|
+
chat-bubble-user-text: #161616,
|
|
217
264
|
chat-button: #0f62fe,
|
|
218
265
|
chat-button-active: rgba(141, 141, 141, 0.5),
|
|
219
266
|
chat-button-hover: rgba(141, 141, 141, 0.12),
|
|
@@ -221,9 +268,11 @@ $g10: (
|
|
|
221
268
|
chat-button-text-hover: #0043ce,
|
|
222
269
|
chat-button-text-selected: #525252,
|
|
223
270
|
chat-header-background: #ffffff,
|
|
271
|
+
chat-header-text: #161616,
|
|
224
272
|
chat-prompt-background: #ffffff,
|
|
225
273
|
chat-prompt-border-end: rgba(244, 244, 244, 0),
|
|
226
274
|
chat-prompt-border-start: #f4f4f4,
|
|
275
|
+
chat-prompt-text: #161616,
|
|
227
276
|
chat-shell-background: #ffffff,
|
|
228
277
|
field-01: #ffffff,
|
|
229
278
|
field-02: #f4f4f4,
|
|
@@ -295,6 +344,47 @@ $g10: (
|
|
|
295
344
|
support-success-inverse: #42be65,
|
|
296
345
|
support-warning: #f1c21b,
|
|
297
346
|
support-warning-inverse: #f1c21b,
|
|
347
|
+
syntax-atom: #161616,
|
|
348
|
+
syntax-attribute: #00539a,
|
|
349
|
+
syntax-attribute-name: #00539a,
|
|
350
|
+
syntax-attribute-value: #161616,
|
|
351
|
+
syntax-block-comment: #198038,
|
|
352
|
+
syntax-bool: #161616,
|
|
353
|
+
syntax-character: #161616,
|
|
354
|
+
syntax-class-name: #007d79,
|
|
355
|
+
syntax-color: #161616,
|
|
356
|
+
syntax-comment: #198038,
|
|
357
|
+
syntax-control-keyword: #6929c4,
|
|
358
|
+
syntax-definition-keyword: #00539a,
|
|
359
|
+
syntax-doc-comment: #198038,
|
|
360
|
+
syntax-doc-string: #161616,
|
|
361
|
+
syntax-escape: #343a3f,
|
|
362
|
+
syntax-float: #198038,
|
|
363
|
+
syntax-integer: #198038,
|
|
364
|
+
syntax-keyword: #0f62fe,
|
|
365
|
+
syntax-label-name: #0f62fe,
|
|
366
|
+
syntax-line-comment: #198038,
|
|
367
|
+
syntax-literal: #161616,
|
|
368
|
+
syntax-macro-name: #161616,
|
|
369
|
+
syntax-module-keyword: #6929c4,
|
|
370
|
+
syntax-name: #0f62fe,
|
|
371
|
+
syntax-namespace: #007d79,
|
|
372
|
+
syntax-null: #161616,
|
|
373
|
+
syntax-number: #198038,
|
|
374
|
+
syntax-operator-keyword: #0f62fe,
|
|
375
|
+
syntax-property-name: #00539a,
|
|
376
|
+
syntax-regexp: #6929c4,
|
|
377
|
+
syntax-self: #007d79,
|
|
378
|
+
syntax-special-string: #8a3ffc,
|
|
379
|
+
syntax-string: #161616,
|
|
380
|
+
syntax-tag: #007d79,
|
|
381
|
+
syntax-tag-name: #007d79,
|
|
382
|
+
syntax-type: #007d79,
|
|
383
|
+
syntax-type-name: #007d79,
|
|
384
|
+
syntax-unit: #198038,
|
|
385
|
+
syntax-url: #343a3f,
|
|
386
|
+
syntax-variable: #0f62fe,
|
|
387
|
+
syntax-variable-name: #0f62fe,
|
|
298
388
|
text-disabled: rgba(22, 22, 22, 0.25),
|
|
299
389
|
text-error: #da1e28,
|
|
300
390
|
text-helper: #6f6f6f,
|
|
@@ -363,8 +453,10 @@ $g90: (
|
|
|
363
453
|
chat-avatar-bot: #8d8d8d,
|
|
364
454
|
chat-avatar-user: #4589ff,
|
|
365
455
|
chat-bubble-agent: #262626,
|
|
456
|
+
chat-bubble-agent-text: #f4f4f4,
|
|
366
457
|
chat-bubble-border: #525252,
|
|
367
458
|
chat-bubble-user: #393939,
|
|
459
|
+
chat-bubble-user-text: #f4f4f4,
|
|
368
460
|
chat-button: #78a9ff,
|
|
369
461
|
chat-button-active: rgba(141, 141, 141, 0.4),
|
|
370
462
|
chat-button-hover: rgba(141, 141, 141, 0.16),
|
|
@@ -372,9 +464,11 @@ $g90: (
|
|
|
372
464
|
chat-button-text-hover: #a6c8ff,
|
|
373
465
|
chat-button-text-selected: #c6c6c6,
|
|
374
466
|
chat-header-background: #262626,
|
|
467
|
+
chat-header-text: #f4f4f4,
|
|
375
468
|
chat-prompt-background: #161616,
|
|
376
469
|
chat-prompt-border-end: rgba(38, 38, 38, 0),
|
|
377
470
|
chat-prompt-border-start: #262626,
|
|
471
|
+
chat-prompt-text: #f4f4f4,
|
|
378
472
|
chat-shell-background: #262626,
|
|
379
473
|
field-01: #393939,
|
|
380
474
|
field-02: #525252,
|
|
@@ -446,6 +540,47 @@ $g90: (
|
|
|
446
540
|
support-success-inverse: #24a148,
|
|
447
541
|
support-warning: #f1c21b,
|
|
448
542
|
support-warning-inverse: #f1c21b,
|
|
543
|
+
syntax-atom: #f4f4f4,
|
|
544
|
+
syntax-attribute: #33b1ff,
|
|
545
|
+
syntax-attribute-name: #33b1ff,
|
|
546
|
+
syntax-attribute-value: #f4f4f4,
|
|
547
|
+
syntax-block-comment: #42be65,
|
|
548
|
+
syntax-bool: #f4f4f4,
|
|
549
|
+
syntax-character: #f4f4f4,
|
|
550
|
+
syntax-class-name: #3ddbd9,
|
|
551
|
+
syntax-color: #f4f4f4,
|
|
552
|
+
syntax-comment: #42be65,
|
|
553
|
+
syntax-control-keyword: #be95ff,
|
|
554
|
+
syntax-definition-keyword: #33b1ff,
|
|
555
|
+
syntax-doc-comment: #42be65,
|
|
556
|
+
syntax-doc-string: #f4f4f4,
|
|
557
|
+
syntax-escape: #e0e0e0,
|
|
558
|
+
syntax-float: #6fdc8c,
|
|
559
|
+
syntax-integer: #6fdc8c,
|
|
560
|
+
syntax-keyword: #4589ff,
|
|
561
|
+
syntax-label-name: #a6c8ff,
|
|
562
|
+
syntax-line-comment: #42be65,
|
|
563
|
+
syntax-literal: #f4f4f4,
|
|
564
|
+
syntax-macro-name: #f4f4f4,
|
|
565
|
+
syntax-module-keyword: #be95ff,
|
|
566
|
+
syntax-name: #a6c8ff,
|
|
567
|
+
syntax-namespace: #3ddbd9,
|
|
568
|
+
syntax-null: #f4f4f4,
|
|
569
|
+
syntax-number: #6fdc8c,
|
|
570
|
+
syntax-operator-keyword: #4589ff,
|
|
571
|
+
syntax-property-name: #33b1ff,
|
|
572
|
+
syntax-regexp: #be95ff,
|
|
573
|
+
syntax-self: #3ddbd9,
|
|
574
|
+
syntax-special-string: #be95ff,
|
|
575
|
+
syntax-string: #f4f4f4,
|
|
576
|
+
syntax-tag: #3ddbd9,
|
|
577
|
+
syntax-tag-name: #3ddbd9,
|
|
578
|
+
syntax-type: #3ddbd9,
|
|
579
|
+
syntax-type-name: #3ddbd9,
|
|
580
|
+
syntax-unit: #6fdc8c,
|
|
581
|
+
syntax-url: #e0e0e0,
|
|
582
|
+
syntax-variable: #a6c8ff,
|
|
583
|
+
syntax-variable-name: #a6c8ff,
|
|
449
584
|
text-disabled: rgba(244, 244, 244, 0.25),
|
|
450
585
|
text-error: #ffb3b8,
|
|
451
586
|
text-helper: #c6c6c6,
|
|
@@ -514,8 +649,10 @@ $g100: (
|
|
|
514
649
|
chat-avatar-bot: #8d8d8d,
|
|
515
650
|
chat-avatar-user: #4589ff,
|
|
516
651
|
chat-bubble-agent: #262626,
|
|
652
|
+
chat-bubble-agent-text: #f4f4f4,
|
|
517
653
|
chat-bubble-border: #525252,
|
|
518
654
|
chat-bubble-user: #393939,
|
|
655
|
+
chat-bubble-user-text: #f4f4f4,
|
|
519
656
|
chat-button: #78a9ff,
|
|
520
657
|
chat-button-active: rgba(141, 141, 141, 0.4),
|
|
521
658
|
chat-button-hover: rgba(141, 141, 141, 0.16),
|
|
@@ -523,9 +660,11 @@ $g100: (
|
|
|
523
660
|
chat-button-text-hover: #a6c8ff,
|
|
524
661
|
chat-button-text-selected: #c6c6c6,
|
|
525
662
|
chat-header-background: #262626,
|
|
663
|
+
chat-header-text: #f4f4f4,
|
|
526
664
|
chat-prompt-background: #161616,
|
|
527
665
|
chat-prompt-border-end: rgba(38, 38, 38, 0),
|
|
528
666
|
chat-prompt-border-start: #262626,
|
|
667
|
+
chat-prompt-text: #f4f4f4,
|
|
529
668
|
chat-shell-background: #262626,
|
|
530
669
|
field-01: #262626,
|
|
531
670
|
field-02: #393939,
|
|
@@ -597,6 +736,47 @@ $g100: (
|
|
|
597
736
|
support-success-inverse: #24a148,
|
|
598
737
|
support-warning: #f1c21b,
|
|
599
738
|
support-warning-inverse: #f1c21b,
|
|
739
|
+
syntax-atom: #f4f4f4,
|
|
740
|
+
syntax-attribute: #33b1ff,
|
|
741
|
+
syntax-attribute-name: #33b1ff,
|
|
742
|
+
syntax-attribute-value: #f4f4f4,
|
|
743
|
+
syntax-block-comment: #42be65,
|
|
744
|
+
syntax-bool: #f4f4f4,
|
|
745
|
+
syntax-character: #f4f4f4,
|
|
746
|
+
syntax-class-name: #3ddbd9,
|
|
747
|
+
syntax-color: #f4f4f4,
|
|
748
|
+
syntax-comment: #42be65,
|
|
749
|
+
syntax-control-keyword: #be95ff,
|
|
750
|
+
syntax-definition-keyword: #33b1ff,
|
|
751
|
+
syntax-doc-comment: #42be65,
|
|
752
|
+
syntax-doc-string: #f4f4f4,
|
|
753
|
+
syntax-escape: #e0e0e0,
|
|
754
|
+
syntax-float: #6fdc8c,
|
|
755
|
+
syntax-integer: #6fdc8c,
|
|
756
|
+
syntax-keyword: #4589ff,
|
|
757
|
+
syntax-label-name: #a6c8ff,
|
|
758
|
+
syntax-line-comment: #42be65,
|
|
759
|
+
syntax-literal: #f4f4f4,
|
|
760
|
+
syntax-macro-name: #f4f4f4,
|
|
761
|
+
syntax-module-keyword: #be95ff,
|
|
762
|
+
syntax-name: #a6c8ff,
|
|
763
|
+
syntax-namespace: #3ddbd9,
|
|
764
|
+
syntax-null: #f4f4f4,
|
|
765
|
+
syntax-number: #6fdc8c,
|
|
766
|
+
syntax-operator-keyword: #4589ff,
|
|
767
|
+
syntax-property-name: #33b1ff,
|
|
768
|
+
syntax-regexp: #be95ff,
|
|
769
|
+
syntax-self: #3ddbd9,
|
|
770
|
+
syntax-special-string: #be95ff,
|
|
771
|
+
syntax-string: #f4f4f4,
|
|
772
|
+
syntax-tag: #3ddbd9,
|
|
773
|
+
syntax-tag-name: #3ddbd9,
|
|
774
|
+
syntax-type: #3ddbd9,
|
|
775
|
+
syntax-type-name: #3ddbd9,
|
|
776
|
+
syntax-unit: #6fdc8c,
|
|
777
|
+
syntax-url: #e0e0e0,
|
|
778
|
+
syntax-variable: #a6c8ff,
|
|
779
|
+
syntax-variable-name: #a6c8ff,
|
|
600
780
|
text-disabled: rgba(244, 244, 244, 0.25),
|
|
601
781
|
text-error: #ff8389,
|
|
602
782
|
text-helper: #a8a8a8,
|
|
@@ -304,6 +304,129 @@ $support-caution-minor: _get('support-caution-minor') !default;
|
|
|
304
304
|
/// The CSS Custom Property for the `support-caution-undefined` token
|
|
305
305
|
$support-caution-undefined: _get('support-caution-undefined') !default;
|
|
306
306
|
|
|
307
|
+
/// The CSS Custom Property for the `syntax-comment` token
|
|
308
|
+
$syntax-comment: _get('syntax-comment') !default;
|
|
309
|
+
|
|
310
|
+
/// The CSS Custom Property for the `syntax-line-comment` token
|
|
311
|
+
$syntax-line-comment: _get('syntax-line-comment') !default;
|
|
312
|
+
|
|
313
|
+
/// The CSS Custom Property for the `syntax-block-comment` token
|
|
314
|
+
$syntax-block-comment: _get('syntax-block-comment') !default;
|
|
315
|
+
|
|
316
|
+
/// The CSS Custom Property for the `syntax-doc-comment` token
|
|
317
|
+
$syntax-doc-comment: _get('syntax-doc-comment') !default;
|
|
318
|
+
|
|
319
|
+
/// The CSS Custom Property for the `syntax-doc-string` token
|
|
320
|
+
$syntax-doc-string: _get('syntax-doc-string') !default;
|
|
321
|
+
|
|
322
|
+
/// The CSS Custom Property for the `syntax-keyword` token
|
|
323
|
+
$syntax-keyword: _get('syntax-keyword') !default;
|
|
324
|
+
|
|
325
|
+
/// The CSS Custom Property for the `syntax-operator-keyword` token
|
|
326
|
+
$syntax-operator-keyword: _get('syntax-operator-keyword') !default;
|
|
327
|
+
|
|
328
|
+
/// The CSS Custom Property for the `syntax-control-keyword` token
|
|
329
|
+
$syntax-control-keyword: _get('syntax-control-keyword') !default;
|
|
330
|
+
|
|
331
|
+
/// The CSS Custom Property for the `syntax-definition-keyword` token
|
|
332
|
+
$syntax-definition-keyword: _get('syntax-definition-keyword') !default;
|
|
333
|
+
|
|
334
|
+
/// The CSS Custom Property for the `syntax-module-keyword` token
|
|
335
|
+
$syntax-module-keyword: _get('syntax-module-keyword') !default;
|
|
336
|
+
|
|
337
|
+
/// The CSS Custom Property for the `syntax-variable` token
|
|
338
|
+
$syntax-variable: _get('syntax-variable') !default;
|
|
339
|
+
|
|
340
|
+
/// The CSS Custom Property for the `syntax-name` token
|
|
341
|
+
$syntax-name: _get('syntax-name') !default;
|
|
342
|
+
|
|
343
|
+
/// The CSS Custom Property for the `syntax-variable-name` token
|
|
344
|
+
$syntax-variable-name: _get('syntax-variable-name') !default;
|
|
345
|
+
|
|
346
|
+
/// The CSS Custom Property for the `syntax-label-name` token
|
|
347
|
+
$syntax-label-name: _get('syntax-label-name') !default;
|
|
348
|
+
|
|
349
|
+
/// The CSS Custom Property for the `syntax-attribute` token
|
|
350
|
+
$syntax-attribute: _get('syntax-attribute') !default;
|
|
351
|
+
|
|
352
|
+
/// The CSS Custom Property for the `syntax-attribute-name` token
|
|
353
|
+
$syntax-attribute-name: _get('syntax-attribute-name') !default;
|
|
354
|
+
|
|
355
|
+
/// The CSS Custom Property for the `syntax-property-name` token
|
|
356
|
+
$syntax-property-name: _get('syntax-property-name') !default;
|
|
357
|
+
|
|
358
|
+
/// The CSS Custom Property for the `syntax-tag` token
|
|
359
|
+
$syntax-tag: _get('syntax-tag') !default;
|
|
360
|
+
|
|
361
|
+
/// The CSS Custom Property for the `syntax-tag-name` token
|
|
362
|
+
$syntax-tag-name: _get('syntax-tag-name') !default;
|
|
363
|
+
|
|
364
|
+
/// The CSS Custom Property for the `syntax-type` token
|
|
365
|
+
$syntax-type: _get('syntax-type') !default;
|
|
366
|
+
|
|
367
|
+
/// The CSS Custom Property for the `syntax-type-name` token
|
|
368
|
+
$syntax-type-name: _get('syntax-type-name') !default;
|
|
369
|
+
|
|
370
|
+
/// The CSS Custom Property for the `syntax-class-name` token
|
|
371
|
+
$syntax-class-name: _get('syntax-class-name') !default;
|
|
372
|
+
|
|
373
|
+
/// The CSS Custom Property for the `syntax-namespace` token
|
|
374
|
+
$syntax-namespace: _get('syntax-namespace') !default;
|
|
375
|
+
|
|
376
|
+
/// The CSS Custom Property for the `syntax-macro-name` token
|
|
377
|
+
$syntax-macro-name: _get('syntax-macro-name') !default;
|
|
378
|
+
|
|
379
|
+
/// The CSS Custom Property for the `syntax-atom` token
|
|
380
|
+
$syntax-atom: _get('syntax-atom') !default;
|
|
381
|
+
|
|
382
|
+
/// The CSS Custom Property for the `syntax-literal` token
|
|
383
|
+
$syntax-literal: _get('syntax-literal') !default;
|
|
384
|
+
|
|
385
|
+
/// The CSS Custom Property for the `syntax-bool` token
|
|
386
|
+
$syntax-bool: _get('syntax-bool') !default;
|
|
387
|
+
|
|
388
|
+
/// The CSS Custom Property for the `syntax-null` token
|
|
389
|
+
$syntax-null: _get('syntax-null') !default;
|
|
390
|
+
|
|
391
|
+
/// The CSS Custom Property for the `syntax-self` token
|
|
392
|
+
$syntax-self: _get('syntax-self') !default;
|
|
393
|
+
|
|
394
|
+
/// The CSS Custom Property for the `syntax-number` token
|
|
395
|
+
$syntax-number: _get('syntax-number') !default;
|
|
396
|
+
|
|
397
|
+
/// The CSS Custom Property for the `syntax-integer` token
|
|
398
|
+
$syntax-integer: _get('syntax-integer') !default;
|
|
399
|
+
|
|
400
|
+
/// The CSS Custom Property for the `syntax-float` token
|
|
401
|
+
$syntax-float: _get('syntax-float') !default;
|
|
402
|
+
|
|
403
|
+
/// The CSS Custom Property for the `syntax-unit` token
|
|
404
|
+
$syntax-unit: _get('syntax-unit') !default;
|
|
405
|
+
|
|
406
|
+
/// The CSS Custom Property for the `syntax-string` token
|
|
407
|
+
$syntax-string: _get('syntax-string') !default;
|
|
408
|
+
|
|
409
|
+
/// The CSS Custom Property for the `syntax-character` token
|
|
410
|
+
$syntax-character: _get('syntax-character') !default;
|
|
411
|
+
|
|
412
|
+
/// The CSS Custom Property for the `syntax-attribute-value` token
|
|
413
|
+
$syntax-attribute-value: _get('syntax-attribute-value') !default;
|
|
414
|
+
|
|
415
|
+
/// The CSS Custom Property for the `syntax-special-string` token
|
|
416
|
+
$syntax-special-string: _get('syntax-special-string') !default;
|
|
417
|
+
|
|
418
|
+
/// The CSS Custom Property for the `syntax-regexp` token
|
|
419
|
+
$syntax-regexp: _get('syntax-regexp') !default;
|
|
420
|
+
|
|
421
|
+
/// The CSS Custom Property for the `syntax-escape` token
|
|
422
|
+
$syntax-escape: _get('syntax-escape') !default;
|
|
423
|
+
|
|
424
|
+
/// The CSS Custom Property for the `syntax-url` token
|
|
425
|
+
$syntax-url: _get('syntax-url') !default;
|
|
426
|
+
|
|
427
|
+
/// The CSS Custom Property for the `syntax-color` token
|
|
428
|
+
$syntax-color: _get('syntax-color') !default;
|
|
429
|
+
|
|
307
430
|
/// The CSS Custom Property for the `ai-popover-background` token
|
|
308
431
|
$ai-popover-background: _get('ai-popover-background') !default;
|
|
309
432
|
|
|
@@ -382,12 +505,21 @@ $chat-prompt-border-start: _get('chat-prompt-border-start') !default;
|
|
|
382
505
|
/// The CSS Custom Property for the `chat-prompt-border-end` token
|
|
383
506
|
$chat-prompt-border-end: _get('chat-prompt-border-end') !default;
|
|
384
507
|
|
|
508
|
+
/// The CSS Custom Property for the `chat-prompt-text` token
|
|
509
|
+
$chat-prompt-text: _get('chat-prompt-text') !default;
|
|
510
|
+
|
|
385
511
|
/// The CSS Custom Property for the `chat-bubble-user` token
|
|
386
512
|
$chat-bubble-user: _get('chat-bubble-user') !default;
|
|
387
513
|
|
|
514
|
+
/// The CSS Custom Property for the `chat-bubble-user-text` token
|
|
515
|
+
$chat-bubble-user-text: _get('chat-bubble-user-text') !default;
|
|
516
|
+
|
|
388
517
|
/// The CSS Custom Property for the `chat-bubble-agent` token
|
|
389
518
|
$chat-bubble-agent: _get('chat-bubble-agent') !default;
|
|
390
519
|
|
|
520
|
+
/// The CSS Custom Property for the `chat-bubble-agent-text` token
|
|
521
|
+
$chat-bubble-agent-text: _get('chat-bubble-agent-text') !default;
|
|
522
|
+
|
|
391
523
|
/// The CSS Custom Property for the `chat-bubble-border` token
|
|
392
524
|
$chat-bubble-border: _get('chat-bubble-border') !default;
|
|
393
525
|
|
|
@@ -406,6 +538,9 @@ $chat-shell-background: _get('chat-shell-background') !default;
|
|
|
406
538
|
/// The CSS Custom Property for the `chat-header-background` token
|
|
407
539
|
$chat-header-background: _get('chat-header-background') !default;
|
|
408
540
|
|
|
541
|
+
/// The CSS Custom Property for the `chat-header-text` token
|
|
542
|
+
$chat-header-text: _get('chat-header-text') !default;
|
|
543
|
+
|
|
409
544
|
/// The CSS Custom Property for the `chat-button` token
|
|
410
545
|
$chat-button: _get('chat-button') !default;
|
|
411
546
|
|
package/src/g10.js
CHANGED
|
@@ -16,6 +16,7 @@ import {
|
|
|
16
16
|
blue100,
|
|
17
17
|
|
|
18
18
|
// Gray
|
|
19
|
+
coolGray80,
|
|
19
20
|
gray10,
|
|
20
21
|
gray10Hover,
|
|
21
22
|
gray20,
|
|
@@ -31,14 +32,18 @@ import {
|
|
|
31
32
|
|
|
32
33
|
// Support
|
|
33
34
|
blue50,
|
|
35
|
+
cyan70,
|
|
34
36
|
green40,
|
|
35
37
|
green50,
|
|
38
|
+
green60,
|
|
36
39
|
yellow30,
|
|
37
40
|
orange40,
|
|
38
41
|
red50,
|
|
39
42
|
red60,
|
|
40
|
-
purple60,
|
|
41
43
|
purple40,
|
|
44
|
+
purple60,
|
|
45
|
+
purple70,
|
|
46
|
+
teal60,
|
|
42
47
|
|
|
43
48
|
// Constants
|
|
44
49
|
black,
|
|
@@ -209,6 +214,49 @@ export const overlay = rgba(black, 0.6);
|
|
|
209
214
|
export const toggleOff = gray50;
|
|
210
215
|
export const shadow = 'rgba(0, 0, 0, 0.3)';
|
|
211
216
|
|
|
217
|
+
// Syntax highlighting
|
|
218
|
+
export const syntaxComment = green60;
|
|
219
|
+
export const syntaxLineComment = syntaxComment;
|
|
220
|
+
export const syntaxBlockComment = syntaxComment;
|
|
221
|
+
export const syntaxDocComment = syntaxComment;
|
|
222
|
+
export const syntaxString = textPrimary;
|
|
223
|
+
export const syntaxDocString = syntaxString;
|
|
224
|
+
export const syntaxKeyword = blue60;
|
|
225
|
+
export const syntaxOperatorKeyword = syntaxKeyword;
|
|
226
|
+
export const syntaxControlKeyword = purple70;
|
|
227
|
+
export const syntaxDefinitionKeyword = cyan70;
|
|
228
|
+
export const syntaxModuleKeyword = purple70;
|
|
229
|
+
export const syntaxVariable = blue60;
|
|
230
|
+
export const syntaxName = syntaxVariable;
|
|
231
|
+
export const syntaxVariableName = syntaxVariable;
|
|
232
|
+
export const syntaxLabelName = syntaxVariable;
|
|
233
|
+
export const syntaxAttribute = cyan70;
|
|
234
|
+
export const syntaxAttributeName = syntaxAttribute;
|
|
235
|
+
export const syntaxPropertyName = syntaxAttribute;
|
|
236
|
+
export const syntaxTag = teal60;
|
|
237
|
+
export const syntaxTagName = syntaxTag;
|
|
238
|
+
export const syntaxType = teal60;
|
|
239
|
+
export const syntaxTypeName = syntaxType;
|
|
240
|
+
export const syntaxClassName = syntaxType;
|
|
241
|
+
export const syntaxNamespace = syntaxType;
|
|
242
|
+
export const syntaxMacroName = textPrimary;
|
|
243
|
+
export const syntaxAtom = syntaxMacroName;
|
|
244
|
+
export const syntaxLiteral = syntaxAtom;
|
|
245
|
+
export const syntaxBool = syntaxAtom;
|
|
246
|
+
export const syntaxNull = syntaxAtom;
|
|
247
|
+
export const syntaxSelf = syntaxTag;
|
|
248
|
+
export const syntaxNumber = green60;
|
|
249
|
+
export const syntaxInteger = syntaxNumber;
|
|
250
|
+
export const syntaxFloat = syntaxNumber;
|
|
251
|
+
export const syntaxUnit = syntaxNumber;
|
|
252
|
+
export const syntaxCharacter = syntaxString;
|
|
253
|
+
export const syntaxAttributeValue = syntaxString;
|
|
254
|
+
export const syntaxSpecialString = purple60;
|
|
255
|
+
export const syntaxRegexp = purple70;
|
|
256
|
+
export const syntaxEscape = coolGray80;
|
|
257
|
+
export const syntaxUrl = syntaxEscape;
|
|
258
|
+
export const syntaxColor = syntaxMacroName;
|
|
259
|
+
|
|
212
260
|
//// AI - Experimental (Use at your own risk)
|
|
213
261
|
//// Phase 2 - new \\\\
|
|
214
262
|
// Shared
|
|
@@ -246,14 +294,18 @@ export const aiPopoverCaretBottomBackground = '#EAF1FF';
|
|
|
246
294
|
export const chatPromptBackground = white;
|
|
247
295
|
export const chatPromptBorderStart = gray10;
|
|
248
296
|
export const chatPromptBorderEnd = rgba(gray10, 0);
|
|
297
|
+
export const chatPromptText = textPrimary;
|
|
249
298
|
export const chatBubbleUser = gray20;
|
|
299
|
+
export const chatBubbleUserText = textPrimary;
|
|
250
300
|
export const chatBubbleAgent = white;
|
|
301
|
+
export const chatBubbleAgentText = textPrimary;
|
|
251
302
|
export const chatBubbleBorder = gray20;
|
|
252
303
|
export const chatAvatarBot = gray60;
|
|
253
304
|
export const chatAvatarAgent = gray80;
|
|
254
305
|
export const chatAvatarUser = blue60;
|
|
255
306
|
export const chatShellBackground = white;
|
|
256
307
|
export const chatHeaderBackground = white;
|
|
308
|
+
export const chatHeaderText = textPrimary;
|
|
257
309
|
|
|
258
310
|
// Chat button tokens
|
|
259
311
|
export const chatButton = linkPrimary;
|
package/src/g100.js
CHANGED
|
@@ -15,6 +15,7 @@ import {
|
|
|
15
15
|
// Gray
|
|
16
16
|
gray10,
|
|
17
17
|
gray10Hover,
|
|
18
|
+
gray20,
|
|
18
19
|
gray30,
|
|
19
20
|
gray40,
|
|
20
21
|
gray50,
|
|
@@ -31,6 +32,8 @@ import {
|
|
|
31
32
|
// Support
|
|
32
33
|
blue30,
|
|
33
34
|
blue50,
|
|
35
|
+
cyan40,
|
|
36
|
+
green30,
|
|
34
37
|
green40,
|
|
35
38
|
green50,
|
|
36
39
|
yellow30,
|
|
@@ -41,6 +44,7 @@ import {
|
|
|
41
44
|
purple40,
|
|
42
45
|
purple50,
|
|
43
46
|
purple60,
|
|
47
|
+
teal30,
|
|
44
48
|
|
|
45
49
|
// Constants
|
|
46
50
|
white,
|
|
@@ -212,6 +216,49 @@ export const overlay = rgba(black, 0.6);
|
|
|
212
216
|
export const toggleOff = gray60;
|
|
213
217
|
export const shadow = rgba(black, 0.8);
|
|
214
218
|
|
|
219
|
+
// Syntax highlighting
|
|
220
|
+
export const syntaxComment = green40;
|
|
221
|
+
export const syntaxLineComment = syntaxComment;
|
|
222
|
+
export const syntaxBlockComment = syntaxComment;
|
|
223
|
+
export const syntaxDocComment = syntaxComment;
|
|
224
|
+
export const syntaxString = textPrimary;
|
|
225
|
+
export const syntaxDocString = syntaxString;
|
|
226
|
+
export const syntaxKeyword = blue50;
|
|
227
|
+
export const syntaxOperatorKeyword = syntaxKeyword;
|
|
228
|
+
export const syntaxControlKeyword = purple40;
|
|
229
|
+
export const syntaxDefinitionKeyword = cyan40;
|
|
230
|
+
export const syntaxModuleKeyword = purple40;
|
|
231
|
+
export const syntaxVariable = blue30;
|
|
232
|
+
export const syntaxName = syntaxVariable;
|
|
233
|
+
export const syntaxVariableName = syntaxVariable;
|
|
234
|
+
export const syntaxLabelName = syntaxVariable;
|
|
235
|
+
export const syntaxAttribute = cyan40;
|
|
236
|
+
export const syntaxAttributeName = syntaxAttribute;
|
|
237
|
+
export const syntaxPropertyName = syntaxAttribute;
|
|
238
|
+
export const syntaxTag = teal30;
|
|
239
|
+
export const syntaxTagName = syntaxTag;
|
|
240
|
+
export const syntaxType = teal30;
|
|
241
|
+
export const syntaxTypeName = syntaxType;
|
|
242
|
+
export const syntaxClassName = syntaxType;
|
|
243
|
+
export const syntaxNamespace = syntaxType;
|
|
244
|
+
export const syntaxMacroName = textPrimary;
|
|
245
|
+
export const syntaxAtom = syntaxMacroName;
|
|
246
|
+
export const syntaxLiteral = syntaxAtom;
|
|
247
|
+
export const syntaxBool = syntaxAtom;
|
|
248
|
+
export const syntaxNull = syntaxAtom;
|
|
249
|
+
export const syntaxSelf = syntaxTag;
|
|
250
|
+
export const syntaxNumber = green30;
|
|
251
|
+
export const syntaxInteger = syntaxNumber;
|
|
252
|
+
export const syntaxFloat = syntaxNumber;
|
|
253
|
+
export const syntaxUnit = syntaxNumber;
|
|
254
|
+
export const syntaxCharacter = syntaxString;
|
|
255
|
+
export const syntaxAttributeValue = syntaxString;
|
|
256
|
+
export const syntaxSpecialString = purple40;
|
|
257
|
+
export const syntaxRegexp = purple40;
|
|
258
|
+
export const syntaxEscape = gray20;
|
|
259
|
+
export const syntaxUrl = syntaxEscape;
|
|
260
|
+
export const syntaxColor = syntaxMacroName;
|
|
261
|
+
|
|
215
262
|
//// AI - Experimental (Use at your own risk)
|
|
216
263
|
//// Phase 2 - new \\\\
|
|
217
264
|
// Shared
|
|
@@ -249,14 +296,18 @@ export const aiPopoverCaretBottomBackground = '#202D45';
|
|
|
249
296
|
export const chatPromptBackground = gray100;
|
|
250
297
|
export const chatPromptBorderStart = gray90;
|
|
251
298
|
export const chatPromptBorderEnd = rgba(gray90, 0);
|
|
299
|
+
export const chatPromptText = textPrimary;
|
|
252
300
|
export const chatBubbleUser = gray80;
|
|
301
|
+
export const chatBubbleUserText = textPrimary;
|
|
253
302
|
export const chatBubbleAgent = gray90;
|
|
303
|
+
export const chatBubbleAgentText = textPrimary;
|
|
254
304
|
export const chatBubbleBorder = gray70;
|
|
255
305
|
export const chatAvatarBot = gray50;
|
|
256
306
|
export const chatAvatarAgent = gray30;
|
|
257
307
|
export const chatAvatarUser = blue50;
|
|
258
308
|
export const chatShellBackground = gray90;
|
|
259
309
|
export const chatHeaderBackground = gray90;
|
|
310
|
+
export const chatHeaderText = textPrimary;
|
|
260
311
|
|
|
261
312
|
// Chat button tokens
|
|
262
313
|
export const chatButton = linkPrimary;
|