@primer/primitives 10.3.0-rc.fcd52a27 → 10.3.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.
Files changed (62) hide show
  1. package/dist/build/transformers/colorToHex.js +3 -3
  2. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  3. package/dist/build/transformers/shadowToCss.js +2 -2
  4. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  5. package/dist/build/transformers/utilities/alpha.js +3 -3
  6. package/dist/build/utilities/log.d.ts +6 -0
  7. package/dist/build/utilities/log.js +34 -0
  8. package/dist/docs/functional/themes/dark-colorblind.json +324 -26
  9. package/dist/docs/functional/themes/dark-dimmed.json +391 -27
  10. package/dist/docs/functional/themes/dark-high-contrast.json +377 -27
  11. package/dist/docs/functional/themes/dark-tritanopia.json +525 -37
  12. package/dist/docs/functional/themes/dark.json +324 -26
  13. package/dist/docs/functional/themes/light-colorblind.json +318 -22
  14. package/dist/docs/functional/themes/light-high-contrast.json +374 -24
  15. package/dist/docs/functional/themes/light-tritanopia.json +599 -29
  16. package/dist/docs/functional/themes/light.json +318 -22
  17. package/dist/figma/themes/dark-colorblind.json +255 -254
  18. package/dist/figma/themes/dark-dimmed.json +255 -173
  19. package/dist/figma/themes/dark-high-contrast.json +254 -187
  20. package/dist/figma/themes/dark-tritanopia.json +340 -257
  21. package/dist/figma/themes/dark.json +255 -254
  22. package/dist/figma/themes/light-colorblind.json +249 -249
  23. package/dist/figma/themes/light-high-contrast.json +238 -172
  24. package/dist/figma/themes/light-tritanopia.json +332 -252
  25. package/dist/figma/themes/light.json +273 -273
  26. package/dist/styleLint/functional/themes/dark-colorblind.json +324 -26
  27. package/dist/styleLint/functional/themes/dark-dimmed.json +391 -27
  28. package/dist/styleLint/functional/themes/dark-high-contrast.json +377 -27
  29. package/dist/styleLint/functional/themes/dark-tritanopia.json +525 -37
  30. package/dist/styleLint/functional/themes/dark.json +324 -26
  31. package/dist/styleLint/functional/themes/light-colorblind.json +318 -22
  32. package/dist/styleLint/functional/themes/light-high-contrast.json +374 -24
  33. package/dist/styleLint/functional/themes/light-tritanopia.json +599 -29
  34. package/dist/styleLint/functional/themes/light.json +318 -22
  35. package/package.json +1 -1
  36. package/src/tokens/component/diffBlob.json5 +19 -0
  37. package/src/tokens/component/header.json5 +65 -0
  38. package/src/tokens/component/headerSerach.json5 +32 -0
  39. package/src/tokens/component/overlay.json5 +68 -0
  40. package/src/tokens/component/page.json5 +20 -0
  41. package/src/tokens/component/reactionButton.json5 +78 -0
  42. package/src/tokens/component/skeletonLoader.json5 +29 -0
  43. package/src/tokens/component/timelineBadge.json5 +19 -0
  44. package/src/tokens/functional/color/dark/app-dark.json5 +0 -97
  45. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -35
  46. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -32
  47. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -37
  48. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -194
  49. package/src/tokens/functional/color/light/app-light.json5 +0 -91
  50. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -31
  51. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -71
  52. package/src/tokens/functional/color/light/patterns-light.json5 +1 -192
  53. package/dist/figma/figma.json +0 -133
  54. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  55. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  56. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  57. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  58. package/dist/figma/shadows/dark.json +0 -1152
  59. package/dist/figma/shadows/light-colorblind.json +0 -1052
  60. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  61. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  62. package/dist/figma/shadows/light.json +0 -1052
package/dist/figma/themes/light.json CHANGED
@@ -1,20 +1,4 @@
1
1
  [
2
- {
3
- "name": "page/header/bgColor",
4
- "value": {
5
- "r": 0.9647058823529412,
6
- "g": 0.9725490196078431,
7
- "b": 0.9803921568627451,
8
- "a": 1
9
- },
10
- "type": "COLOR",
11
- "refId": "mode/page/header/bgColor",
12
- "reference": "mode/bgColor/muted",
13
- "collection": "mode",
14
- "mode": "light",
15
- "group": "component",
16
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
17
- },
18
2
  {
19
3
  "name": "codeMirror/fgColor",
20
4
  "value": {
@@ -319,103 +303,6 @@
319
303
  "group": "component",
320
304
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
321
305
  },
322
- {
323
- "name": "header/fgColor/default",
324
- "value": {
325
- "r": 1,
326
- "g": 1,
327
- "b": 1,
328
- "a": 0.7
329
- },
330
- "type": "COLOR",
331
- "alpha": 0.7,
332
- "refId": "mode/header/fgColor/default",
333
- "reference": "base/color/light/base/color/neutral/0",
334
- "collection": "mode",
335
- "mode": "light",
336
- "group": "component (internal)",
337
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
338
- },
339
- {
340
- "name": "header/fgColor/logo",
341
- "value": {
342
- "r": 1,
343
- "g": 1,
344
- "b": 1,
345
- "a": 1
346
- },
347
- "type": "COLOR",
348
- "refId": "mode/header/fgColor/logo",
349
- "reference": "base/color/light/base/color/neutral/0",
350
- "collection": "mode",
351
- "mode": "light",
352
- "group": "component (internal)",
353
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
354
- },
355
- {
356
- "name": "header/bgColor",
357
- "value": {
358
- "r": 0.1450980392156863,
359
- "g": 0.1607843137254902,
360
- "b": 0.1803921568627451,
361
- "a": 1
362
- },
363
- "type": "COLOR",
364
- "refId": "mode/header/bgColor",
365
- "reference": "base/color/light/base/color/neutral/12",
366
- "collection": "mode",
367
- "mode": "light",
368
- "group": "component (internal)",
369
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
370
- },
371
- {
372
- "name": "header/borderColor/divider",
373
- "value": {
374
- "r": 0.5058823529411764,
375
- "g": 0.5450980392156862,
376
- "b": 0.596078431372549,
377
- "a": 1
378
- },
379
- "type": "COLOR",
380
- "refId": "mode/header/borderColor/divider",
381
- "reference": "base/color/light/base/color/neutral/8",
382
- "collection": "mode",
383
- "mode": "light",
384
- "group": "component (internal)",
385
- "scopes": ["STROKE_COLOR"]
386
- },
387
- {
388
- "name": "headerSearch/bgColor",
389
- "value": {
390
- "r": 0.1450980392156863,
391
- "g": 0.1607843137254902,
392
- "b": 0.1803921568627451,
393
- "a": 1
394
- },
395
- "type": "COLOR",
396
- "refId": "mode/headerSearch/bgColor",
397
- "reference": "base/color/light/base/color/neutral/12",
398
- "collection": "mode",
399
- "mode": "light",
400
- "group": "component (internal)",
401
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
402
- },
403
- {
404
- "name": "headerSearch/borderColor",
405
- "value": {
406
- "r": 0.5058823529411764,
407
- "g": 0.5450980392156862,
408
- "b": 0.596078431372549,
409
- "a": 1
410
- },
411
- "type": "COLOR",
412
- "refId": "mode/headerSearch/borderColor",
413
- "reference": "base/color/light/base/color/neutral/8",
414
- "collection": "mode",
415
- "mode": "light",
416
- "group": "component (internal)",
417
- "scopes": ["STROKE_COLOR"]
418
- },
419
306
  {
420
307
  "name": "data/blue/color/emphasis",
421
308
  "value": {
@@ -4660,69 +4547,6 @@
4660
4547
  "group": "component (internal)",
4661
4548
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4662
4549
  },
4663
- {
4664
- "name": "reactionButton/selected/bgColor/rest",
4665
- "value": {
4666
- "r": 0.8666666666666667,
4667
- "g": 0.9568627450980393,
4668
- "b": 1,
4669
- "a": 1
4670
- },
4671
- "type": "COLOR",
4672
- "refId": "mode/reactionButton/selected/bgColor/rest",
4673
- "reference": "base/color/light/base/color/blue/0",
4674
- "collection": "mode",
4675
- "mode": "light",
4676
- "group": "component (internal)",
4677
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4678
- },
4679
- {
4680
- "name": "reactionButton/selected/bgColor/hover",
4681
- "value": {
4682
- "r": 0.792156862745098,
4683
- "g": 0.9254901960784314,
4684
- "b": 1,
4685
- "a": 1
4686
- },
4687
- "type": "COLOR",
4688
- "refId": "mode/reactionButton/selected/bgColor/hover",
4689
- "collection": "mode",
4690
- "mode": "light",
4691
- "group": "component (internal)",
4692
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4693
- },
4694
- {
4695
- "name": "reactionButton/selected/fgColor/rest",
4696
- "value": {
4697
- "r": 0.03529411764705882,
4698
- "g": 0.4117647058823529,
4699
- "b": 0.8549019607843137,
4700
- "a": 1
4701
- },
4702
- "type": "COLOR",
4703
- "refId": "mode/reactionButton/selected/fgColor/rest",
4704
- "reference": "mode/fgColor/link",
4705
- "collection": "mode",
4706
- "mode": "light",
4707
- "group": "component (internal)",
4708
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4709
- },
4710
- {
4711
- "name": "reactionButton/selected/fgColor/hover",
4712
- "value": {
4713
- "r": 0.0196078431372549,
4714
- "g": 0.3137254901960784,
4715
- "b": 0.6823529411764706,
4716
- "a": 1
4717
- },
4718
- "type": "COLOR",
4719
- "refId": "mode/reactionButton/selected/fgColor/hover",
4720
- "reference": "base/color/light/base/color/blue/6",
4721
- "collection": "mode",
4722
- "mode": "light",
4723
- "group": "component (internal)",
4724
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4725
- },
4726
4550
  {
4727
4551
  "name": "focus/outlineColor",
4728
4552
  "value": {
@@ -4755,56 +4579,6 @@
4755
4579
  "group": "component (internal)",
4756
4580
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4757
4581
  },
4758
- {
4759
- "name": "overlay/bgColor",
4760
- "value": {
4761
- "r": 1,
4762
- "g": 1,
4763
- "b": 1,
4764
- "a": 1
4765
- },
4766
- "type": "COLOR",
4767
- "refId": "mode/overlay/bgColor",
4768
- "reference": "base/color/light/base/color/neutral/0",
4769
- "collection": "mode",
4770
- "mode": "light",
4771
- "group": "component (internal)",
4772
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4773
- },
4774
- {
4775
- "name": "overlay/borderColor",
4776
- "value": {
4777
- "r": 0.8196078431372549,
4778
- "g": 0.8509803921568627,
4779
- "b": 0.8784313725490196,
4780
- "a": 0.5
4781
- },
4782
- "type": "COLOR",
4783
- "alpha": 0.5,
4784
- "refId": "mode/overlay/borderColor",
4785
- "reference": "mode/borderColor/muted",
4786
- "collection": "mode",
4787
- "mode": "light",
4788
- "group": "component (internal)",
4789
- "scopes": ["ALL_SCOPES"]
4790
- },
4791
- {
4792
- "name": "overlay/backdrop/bgColor",
4793
- "value": {
4794
- "r": 0.7843137254901961,
4795
- "g": 0.8196078431372549,
4796
- "b": 0.8549019607843137,
4797
- "a": 0.4
4798
- },
4799
- "type": "COLOR",
4800
- "alpha": 0.4,
4801
- "refId": "mode/overlay/backdrop/bgColor",
4802
- "reference": "base/color/light/base/color/neutral/7",
4803
- "collection": "mode",
4804
- "mode": "light",
4805
- "group": "component (internal)",
4806
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4807
- },
4808
4582
  {
4809
4583
  "name": "selectMenu/borderColor",
4810
4584
  "value": {
@@ -4854,65 +4628,32 @@
4854
4628
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4855
4629
  },
4856
4630
  {
4857
- "name": "skeletonLoader/bgColor",
4631
+ "name": "treeViewItem/leadingVisual/iconColor/rest",
4858
4632
  "value": {
4859
- "r": 0.5058823529411764,
4860
- "g": 0.5450980392156862,
4861
- "b": 0.596078431372549,
4862
- "a": 0.1
4633
+ "r": 0.32941176470588235,
4634
+ "g": 0.6823529411764706,
4635
+ "b": 1,
4636
+ "a": 1
4863
4637
  },
4864
4638
  "type": "COLOR",
4865
- "alpha": 0.1,
4866
- "refId": "mode/skeletonLoader/bgColor",
4867
- "reference": "base/color/light/base/color/neutral/8",
4639
+ "refId": "mode/treeViewItem/leadingVisual/iconColor/rest",
4640
+ "reference": "base/color/light/base/color/blue/3",
4868
4641
  "collection": "mode",
4869
4642
  "mode": "light",
4870
- "group": "component",
4643
+ "group": "component (internal)",
4871
4644
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4872
4645
  },
4873
4646
  {
4874
- "name": "timelineBadge/bgColor",
4647
+ "name": "underlineNav/borderColor/active",
4875
4648
  "value": {
4876
- "r": 0.9647058823529412,
4877
- "g": 0.9725490196078431,
4878
- "b": 0.9803921568627451,
4649
+ "r": 0.9921568627450981,
4650
+ "g": 0.5490196078431373,
4651
+ "b": 0.45098039215686275,
4879
4652
  "a": 1
4880
4653
  },
4881
4654
  "type": "COLOR",
4882
- "refId": "mode/timelineBadge/bgColor",
4883
- "reference": "mode/bgColor/muted",
4884
- "collection": "mode",
4885
- "mode": "light",
4886
- "group": "component (internal)",
4887
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4888
- },
4889
- {
4890
- "name": "treeViewItem/leadingVisual/iconColor/rest",
4891
- "value": {
4892
- "r": 0.32941176470588235,
4893
- "g": 0.6823529411764706,
4894
- "b": 1,
4895
- "a": 1
4896
- },
4897
- "type": "COLOR",
4898
- "refId": "mode/treeViewItem/leadingVisual/iconColor/rest",
4899
- "reference": "base/color/light/base/color/blue/3",
4900
- "collection": "mode",
4901
- "mode": "light",
4902
- "group": "component (internal)",
4903
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4904
- },
4905
- {
4906
- "name": "underlineNav/borderColor/active",
4907
- "value": {
4908
- "r": 0.9921568627450981,
4909
- "g": 0.5490196078431373,
4910
- "b": 0.45098039215686275,
4911
- "a": 1
4912
- },
4913
- "type": "COLOR",
4914
- "refId": "mode/underlineNav/borderColor/active",
4915
- "reference": "base/color/light/base/color/coral/3",
4655
+ "refId": "mode/underlineNav/borderColor/active",
4656
+ "reference": "base/color/light/base/color/coral/3",
4916
4657
  "collection": "mode",
4917
4658
  "mode": "light",
4918
4659
  "group": "component (internal)",
@@ -10168,6 +9909,103 @@
10168
9909
  "group": "component",
10169
9910
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10170
9911
  },
9912
+ {
9913
+ "name": "header/bgColor",
9914
+ "value": {
9915
+ "r": 0.1450980392156863,
9916
+ "g": 0.1607843137254902,
9917
+ "b": 0.1803921568627451,
9918
+ "a": 1
9919
+ },
9920
+ "type": "COLOR",
9921
+ "refId": "mode/header/bgColor",
9922
+ "reference": "base/color/light/base/color/neutral/12",
9923
+ "collection": "mode",
9924
+ "mode": "light",
9925
+ "group": "component (internal)",
9926
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
9927
+ },
9928
+ {
9929
+ "name": "header/fgColor/default",
9930
+ "value": {
9931
+ "r": 1,
9932
+ "g": 1,
9933
+ "b": 1,
9934
+ "a": 0.7
9935
+ },
9936
+ "type": "COLOR",
9937
+ "alpha": 0.7,
9938
+ "refId": "mode/header/fgColor/default",
9939
+ "reference": "base/color/light/base/color/neutral/0",
9940
+ "collection": "mode",
9941
+ "mode": "light",
9942
+ "group": "component (internal)",
9943
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9944
+ },
9945
+ {
9946
+ "name": "header/fgColor/logo",
9947
+ "value": {
9948
+ "r": 1,
9949
+ "g": 1,
9950
+ "b": 1,
9951
+ "a": 1
9952
+ },
9953
+ "type": "COLOR",
9954
+ "refId": "mode/header/fgColor/logo",
9955
+ "reference": "base/color/light/base/color/neutral/0",
9956
+ "collection": "mode",
9957
+ "mode": "light",
9958
+ "group": "component (internal)",
9959
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9960
+ },
9961
+ {
9962
+ "name": "header/borderColor/divider",
9963
+ "value": {
9964
+ "r": 0.5058823529411764,
9965
+ "g": 0.5450980392156862,
9966
+ "b": 0.596078431372549,
9967
+ "a": 1
9968
+ },
9969
+ "type": "COLOR",
9970
+ "refId": "mode/header/borderColor/divider",
9971
+ "reference": "base/color/light/base/color/neutral/8",
9972
+ "collection": "mode",
9973
+ "mode": "light",
9974
+ "group": "component (internal)",
9975
+ "scopes": ["STROKE_COLOR"]
9976
+ },
9977
+ {
9978
+ "name": "headerSearch/bgColor",
9979
+ "value": {
9980
+ "r": 0.1450980392156863,
9981
+ "g": 0.1607843137254902,
9982
+ "b": 0.1803921568627451,
9983
+ "a": 1
9984
+ },
9985
+ "type": "COLOR",
9986
+ "refId": "mode/headerSearch/bgColor",
9987
+ "reference": "base/color/light/base/color/neutral/12",
9988
+ "collection": "mode",
9989
+ "mode": "light",
9990
+ "group": "component (internal)",
9991
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
9992
+ },
9993
+ {
9994
+ "name": "headerSearch/borderColor",
9995
+ "value": {
9996
+ "r": 0.5058823529411764,
9997
+ "g": 0.5450980392156862,
9998
+ "b": 0.596078431372549,
9999
+ "a": 1
10000
+ },
10001
+ "type": "COLOR",
10002
+ "refId": "mode/headerSearch/borderColor",
10003
+ "reference": "base/color/light/base/color/neutral/8",
10004
+ "collection": "mode",
10005
+ "mode": "light",
10006
+ "group": "component (internal)",
10007
+ "scopes": ["STROKE_COLOR"]
10008
+ },
10171
10009
  {
10172
10010
  "name": "highlight/neutral/bgColor",
10173
10011
  "value": {
@@ -10184,6 +10022,168 @@
10184
10022
  "group": "component",
10185
10023
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10186
10024
  },
10025
+ {
10026
+ "name": "overlay/bgColor",
10027
+ "value": {
10028
+ "r": 1,
10029
+ "g": 1,
10030
+ "b": 1,
10031
+ "a": 1
10032
+ },
10033
+ "type": "COLOR",
10034
+ "refId": "mode/overlay/bgColor",
10035
+ "reference": "base/color/light/base/color/neutral/0",
10036
+ "collection": "mode",
10037
+ "mode": "light",
10038
+ "group": "component (internal)",
10039
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10040
+ },
10041
+ {
10042
+ "name": "overlay/borderColor",
10043
+ "value": {
10044
+ "r": 0.8196078431372549,
10045
+ "g": 0.8509803921568627,
10046
+ "b": 0.8784313725490196,
10047
+ "a": 0.5
10048
+ },
10049
+ "type": "COLOR",
10050
+ "alpha": 0.5,
10051
+ "refId": "mode/overlay/borderColor",
10052
+ "reference": "mode/borderColor/muted",
10053
+ "collection": "mode",
10054
+ "mode": "light",
10055
+ "group": "component (internal)",
10056
+ "scopes": ["ALL_SCOPES"]
10057
+ },
10058
+ {
10059
+ "name": "overlay/backdrop/bgColor",
10060
+ "value": {
10061
+ "r": 0.7843137254901961,
10062
+ "g": 0.8196078431372549,
10063
+ "b": 0.8549019607843137,
10064
+ "a": 0.4
10065
+ },
10066
+ "type": "COLOR",
10067
+ "alpha": 0.4,
10068
+ "refId": "mode/overlay/backdrop/bgColor",
10069
+ "reference": "base/color/light/base/color/neutral/7",
10070
+ "collection": "mode",
10071
+ "mode": "light",
10072
+ "group": "component (internal)",
10073
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10074
+ },
10075
+ {
10076
+ "name": "page/header/bgColor",
10077
+ "value": {
10078
+ "r": 0.9647058823529412,
10079
+ "g": 0.9725490196078431,
10080
+ "b": 0.9803921568627451,
10081
+ "a": 1
10082
+ },
10083
+ "type": "COLOR",
10084
+ "refId": "mode/page/header/bgColor",
10085
+ "reference": "mode/bgColor/muted",
10086
+ "collection": "mode",
10087
+ "mode": "light",
10088
+ "group": "component",
10089
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10090
+ },
10091
+ {
10092
+ "name": "reactionButton/selected/bgColor/rest",
10093
+ "value": {
10094
+ "r": 0.8666666666666667,
10095
+ "g": 0.9568627450980393,
10096
+ "b": 1,
10097
+ "a": 1
10098
+ },
10099
+ "type": "COLOR",
10100
+ "refId": "mode/reactionButton/selected/bgColor/rest",
10101
+ "reference": "base/color/light/base/color/blue/0",
10102
+ "collection": "mode",
10103
+ "mode": "light",
10104
+ "group": "component (internal)",
10105
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10106
+ },
10107
+ {
10108
+ "name": "reactionButton/selected/bgColor/hover",
10109
+ "value": {
10110
+ "r": 0.792156862745098,
10111
+ "g": 0.9254901960784314,
10112
+ "b": 1,
10113
+ "a": 1
10114
+ },
10115
+ "type": "COLOR",
10116
+ "refId": "mode/reactionButton/selected/bgColor/hover",
10117
+ "collection": "mode",
10118
+ "mode": "light",
10119
+ "group": "component (internal)",
10120
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10121
+ },
10122
+ {
10123
+ "name": "reactionButton/selected/fgColor/rest",
10124
+ "value": {
10125
+ "r": 0.03529411764705882,
10126
+ "g": 0.4117647058823529,
10127
+ "b": 0.8549019607843137,
10128
+ "a": 1
10129
+ },
10130
+ "type": "COLOR",
10131
+ "refId": "mode/reactionButton/selected/fgColor/rest",
10132
+ "reference": "mode/fgColor/link",
10133
+ "collection": "mode",
10134
+ "mode": "light",
10135
+ "group": "component (internal)",
10136
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10137
+ },
10138
+ {
10139
+ "name": "reactionButton/selected/fgColor/hover",
10140
+ "value": {
10141
+ "r": 0.0196078431372549,
10142
+ "g": 0.3137254901960784,
10143
+ "b": 0.6823529411764706,
10144
+ "a": 1
10145
+ },
10146
+ "type": "COLOR",
10147
+ "refId": "mode/reactionButton/selected/fgColor/hover",
10148
+ "reference": "base/color/light/base/color/blue/6",
10149
+ "collection": "mode",
10150
+ "mode": "light",
10151
+ "group": "component (internal)",
10152
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
10153
+ },
10154
+ {
10155
+ "name": "skeletonLoader/bgColor",
10156
+ "value": {
10157
+ "r": 0.5058823529411764,
10158
+ "g": 0.5450980392156862,
10159
+ "b": 0.596078431372549,
10160
+ "a": 0.1
10161
+ },
10162
+ "type": "COLOR",
10163
+ "alpha": 0.1,
10164
+ "refId": "mode/skeletonLoader/bgColor",
10165
+ "reference": "base/color/light/base/color/neutral/8",
10166
+ "collection": "mode",
10167
+ "mode": "light",
10168
+ "group": "component",
10169
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10170
+ },
10171
+ {
10172
+ "name": "timelineBadge/bgColor",
10173
+ "value": {
10174
+ "r": 0.9647058823529412,
10175
+ "g": 0.9725490196078431,
10176
+ "b": 0.9803921568627451,
10177
+ "a": 1
10178
+ },
10179
+ "type": "COLOR",
10180
+ "refId": "mode/timelineBadge/bgColor",
10181
+ "reference": "mode/bgColor/muted",
10182
+ "collection": "mode",
10183
+ "mode": "light",
10184
+ "group": "component (internal)",
10185
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
10186
+ },
10187
10187
  {
10188
10188
  "name": "topicTag/borderColor",
10189
10189
  "value": {