@primer/primitives 7.17.0-rc.8ff6ed39 → 7.17.0-rc.8fffddc7

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 (136) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +10 -0
  3. package/dist/css/functional/themes/dark-dimmed.css +10 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +10 -0
  6. package/dist/css/functional/themes/dark.css +10 -0
  7. package/dist/css/functional/themes/light-colorblind.css +10 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  10. package/dist/css/functional/themes/light.css +10 -0
  11. package/dist/css/functional/typography/typography.css +1 -1
  12. package/dist/docs/base/typography/typography.json +52 -4
  13. package/dist/docs/functional/themes/dark-colorblind.json +145 -0
  14. package/dist/docs/functional/themes/dark-dimmed.json +145 -0
  15. package/dist/docs/functional/themes/dark-high-contrast.json +145 -0
  16. package/dist/docs/functional/themes/dark-tritanopia.json +145 -0
  17. package/dist/docs/functional/themes/dark.json +145 -0
  18. package/dist/docs/functional/themes/light-colorblind.json +145 -0
  19. package/dist/docs/functional/themes/light-high-contrast.json +145 -0
  20. package/dist/docs/functional/themes/light-tritanopia.json +145 -0
  21. package/dist/docs/functional/themes/light.json +145 -0
  22. package/dist/docs/functional/typography/typography.json +494 -36
  23. package/dist/fallbacks/functional/typography/typography.json +1 -1
  24. package/dist/figma/figma.json +18 -1
  25. package/dist/figma/themes/dark-colorblind.json +80 -0
  26. package/dist/figma/themes/dark-dimmed.json +80 -0
  27. package/dist/figma/themes/dark-high-contrast.json +80 -0
  28. package/dist/figma/themes/dark-tritanopia.json +80 -0
  29. package/dist/figma/themes/dark.json +80 -0
  30. package/dist/figma/themes/light-colorblind.json +80 -0
  31. package/dist/figma/themes/light-high-contrast.json +80 -0
  32. package/dist/figma/themes/light-tritanopia.json +80 -0
  33. package/dist/figma/themes/light.json +80 -0
  34. package/dist/figma/typography/typography.json +370 -0
  35. package/dist/internalCss/dark-colorblind.css +10 -0
  36. package/dist/internalCss/dark-dimmed.css +10 -0
  37. package/dist/internalCss/dark-high-contrast.css +10 -0
  38. package/dist/internalCss/dark-tritanopia.css +10 -0
  39. package/dist/internalCss/dark.css +10 -0
  40. package/dist/internalCss/light-colorblind.css +10 -0
  41. package/dist/internalCss/light-high-contrast.css +10 -0
  42. package/dist/internalCss/light-tritanopia.css +10 -0
  43. package/dist/internalCss/light.css +10 -0
  44. package/dist/styleLint/base/typography/typography.json +52 -4
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +145 -0
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +145 -0
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +145 -0
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +145 -0
  49. package/dist/styleLint/functional/themes/dark.json +145 -0
  50. package/dist/styleLint/functional/themes/light-colorblind.json +145 -0
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +145 -0
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +145 -0
  53. package/dist/styleLint/functional/themes/light.json +145 -0
  54. package/dist/styleLint/functional/typography/typography.json +494 -36
  55. package/package.json +4 -11
  56. package/src/PrimerStyleDictionary.ts +12 -0
  57. package/src/filters/index.ts +1 -0
  58. package/src/filters/isNumber.ts +8 -0
  59. package/src/formats/jsonFigma.ts +1 -0
  60. package/src/platforms/figma.ts +10 -1
  61. package/src/schemas/numberToken.ts +17 -0
  62. package/src/tokens/base/typography/typography.json +28 -4
  63. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  64. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  65. package/src/tokens/functional/typography/typography.json +263 -34
  66. package/src/transformers/floatToPixel.ts +33 -0
  67. package/src/transformers/fontFamilyToCss.ts +3 -4
  68. package/src/transformers/fontFamilyToFigma.ts +47 -0
  69. package/src/transformers/index.ts +2 -0
  70. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  71. package/build.js +0 -578
  72. package/tokens/base/size/size.json +0 -57
  73. package/tokens/base/typography/typography.json +0 -20
  74. package/tokens/functional/size/border.json +0 -48
  75. package/tokens/functional/size/breakpoints.json +0 -24
  76. package/tokens/functional/size/size-coarse.json +0 -27
  77. package/tokens/functional/size/size-fine.json +0 -27
  78. package/tokens/functional/size/size.json +0 -189
  79. package/tokens/functional/size/viewport.json +0 -24
  80. package/tokens/functional/typography/typography.json +0 -213
  81. package/tokens/removed/color.json +0 -421
  82. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  83. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  84. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  85. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  86. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  87. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  88. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  89. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  90. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  91. package/tokens-v2-private/docs/docValues.json +0 -2209
  92. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  93. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  94. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  95. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  96. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  97. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  98. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  99. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  100. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  101. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  102. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  103. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  104. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  105. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  106. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  107. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  108. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  109. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  110. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  111. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  112. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  113. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  114. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  115. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  116. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  117. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  118. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  119. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  120. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  121. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  122. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  123. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  124. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  125. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  126. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  127. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  128. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  129. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  130. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  131. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  132. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  133. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  134. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  135. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  136. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
@@ -3785,6 +3785,151 @@
3785
3785
  "attributes": {},
3786
3786
  "path": ["display", "indigo", "borderColor", "emphasis"]
3787
3787
  },
3788
+ "display-pink-bgColor-muted": {
3789
+ "value": "#ffe5f1",
3790
+ "$type": "color",
3791
+ "$extensions": {
3792
+ "org.primer.figma": {
3793
+ "collection": "mode",
3794
+ "mode": "light",
3795
+ "group": "component (internal)",
3796
+ "scopes": ["bgColor"]
3797
+ }
3798
+ },
3799
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3800
+ "isSource": true,
3801
+ "original": {
3802
+ "value": "{base.display.color.pink.0}",
3803
+ "$type": "color",
3804
+ "$extensions": {
3805
+ "org.primer.figma": {
3806
+ "collection": "mode",
3807
+ "mode": "light",
3808
+ "group": "component (internal)",
3809
+ "scopes": ["bgColor"]
3810
+ }
3811
+ }
3812
+ },
3813
+ "name": "display-pink-bgColor-muted",
3814
+ "attributes": {},
3815
+ "path": ["display", "pink", "bgColor", "muted"]
3816
+ },
3817
+ "display-pink-bgColor-emphasis": {
3818
+ "value": "#ce2c85",
3819
+ "$type": "color",
3820
+ "$extensions": {
3821
+ "org.primer.figma": {
3822
+ "collection": "mode",
3823
+ "mode": "light",
3824
+ "group": "component (internal)",
3825
+ "scopes": ["bgColor"]
3826
+ }
3827
+ },
3828
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3829
+ "isSource": true,
3830
+ "original": {
3831
+ "value": "{base.display.color.pink.5}",
3832
+ "$type": "color",
3833
+ "$extensions": {
3834
+ "org.primer.figma": {
3835
+ "collection": "mode",
3836
+ "mode": "light",
3837
+ "group": "component (internal)",
3838
+ "scopes": ["bgColor"]
3839
+ }
3840
+ }
3841
+ },
3842
+ "name": "display-pink-bgColor-emphasis",
3843
+ "attributes": {},
3844
+ "path": ["display", "pink", "bgColor", "emphasis"]
3845
+ },
3846
+ "display-pink-fgColor": {
3847
+ "value": "#b12f79",
3848
+ "$type": "color",
3849
+ "$extensions": {
3850
+ "org.primer.figma": {
3851
+ "collection": "mode",
3852
+ "mode": "light",
3853
+ "group": "component (internal)",
3854
+ "scopes": ["fgColor"]
3855
+ }
3856
+ },
3857
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3858
+ "isSource": true,
3859
+ "original": {
3860
+ "value": "{base.display.color.pink.6}",
3861
+ "$type": "color",
3862
+ "$extensions": {
3863
+ "org.primer.figma": {
3864
+ "collection": "mode",
3865
+ "mode": "light",
3866
+ "group": "component (internal)",
3867
+ "scopes": ["fgColor"]
3868
+ }
3869
+ }
3870
+ },
3871
+ "name": "display-pink-fgColor",
3872
+ "attributes": {},
3873
+ "path": ["display", "pink", "fgColor"]
3874
+ },
3875
+ "display-pink-borderColor-muted": {
3876
+ "value": "#fdc9e2",
3877
+ "$type": "color",
3878
+ "$extensions": {
3879
+ "org.primer.figma": {
3880
+ "collection": "mode",
3881
+ "mode": "light",
3882
+ "group": "component (internal)",
3883
+ "scopes": ["borderColor"]
3884
+ }
3885
+ },
3886
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3887
+ "isSource": true,
3888
+ "original": {
3889
+ "value": "{base.display.color.pink.1}",
3890
+ "$type": "color",
3891
+ "$extensions": {
3892
+ "org.primer.figma": {
3893
+ "collection": "mode",
3894
+ "mode": "light",
3895
+ "group": "component (internal)",
3896
+ "scopes": ["borderColor"]
3897
+ }
3898
+ }
3899
+ },
3900
+ "name": "display-pink-borderColor-muted",
3901
+ "attributes": {},
3902
+ "path": ["display", "pink", "borderColor", "muted"]
3903
+ },
3904
+ "display-pink-borderColor-emphasis": {
3905
+ "value": "#ce2c85",
3906
+ "$type": "color",
3907
+ "$extensions": {
3908
+ "org.primer.figma": {
3909
+ "collection": "mode",
3910
+ "mode": "light",
3911
+ "group": "component (internal)",
3912
+ "scopes": ["borderColor"]
3913
+ }
3914
+ },
3915
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3916
+ "isSource": true,
3917
+ "original": {
3918
+ "value": "{base.display.color.pink.5}",
3919
+ "$type": "color",
3920
+ "$extensions": {
3921
+ "org.primer.figma": {
3922
+ "collection": "mode",
3923
+ "mode": "light",
3924
+ "group": "component (internal)",
3925
+ "scopes": ["borderColor"]
3926
+ }
3927
+ }
3928
+ },
3929
+ "name": "display-pink-borderColor-emphasis",
3930
+ "attributes": {},
3931
+ "path": ["display", "pink", "borderColor", "emphasis"]
3932
+ },
3788
3933
  "avatar-bgColor": {
3789
3934
  "value": "#ffffff",
3790
3935
  "$type": "color",
@@ -3783,6 +3783,151 @@
3783
3783
  "attributes": {},
3784
3784
  "path": ["display", "indigo", "borderColor", "emphasis"]
3785
3785
  },
3786
+ "display-pink-bgColor-muted": {
3787
+ "value": "#ffe5f1",
3788
+ "$type": "color",
3789
+ "$extensions": {
3790
+ "org.primer.figma": {
3791
+ "collection": "mode",
3792
+ "mode": "light",
3793
+ "group": "component (internal)",
3794
+ "scopes": ["bgColor"]
3795
+ }
3796
+ },
3797
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3798
+ "isSource": true,
3799
+ "original": {
3800
+ "value": "{base.display.color.pink.0}",
3801
+ "$type": "color",
3802
+ "$extensions": {
3803
+ "org.primer.figma": {
3804
+ "collection": "mode",
3805
+ "mode": "light",
3806
+ "group": "component (internal)",
3807
+ "scopes": ["bgColor"]
3808
+ }
3809
+ }
3810
+ },
3811
+ "name": "display-pink-bgColor-muted",
3812
+ "attributes": {},
3813
+ "path": ["display", "pink", "bgColor", "muted"]
3814
+ },
3815
+ "display-pink-bgColor-emphasis": {
3816
+ "value": "#ce2c85",
3817
+ "$type": "color",
3818
+ "$extensions": {
3819
+ "org.primer.figma": {
3820
+ "collection": "mode",
3821
+ "mode": "light",
3822
+ "group": "component (internal)",
3823
+ "scopes": ["bgColor"]
3824
+ }
3825
+ },
3826
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3827
+ "isSource": true,
3828
+ "original": {
3829
+ "value": "{base.display.color.pink.5}",
3830
+ "$type": "color",
3831
+ "$extensions": {
3832
+ "org.primer.figma": {
3833
+ "collection": "mode",
3834
+ "mode": "light",
3835
+ "group": "component (internal)",
3836
+ "scopes": ["bgColor"]
3837
+ }
3838
+ }
3839
+ },
3840
+ "name": "display-pink-bgColor-emphasis",
3841
+ "attributes": {},
3842
+ "path": ["display", "pink", "bgColor", "emphasis"]
3843
+ },
3844
+ "display-pink-fgColor": {
3845
+ "value": "#b12f79",
3846
+ "$type": "color",
3847
+ "$extensions": {
3848
+ "org.primer.figma": {
3849
+ "collection": "mode",
3850
+ "mode": "light",
3851
+ "group": "component (internal)",
3852
+ "scopes": ["fgColor"]
3853
+ }
3854
+ },
3855
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3856
+ "isSource": true,
3857
+ "original": {
3858
+ "value": "{base.display.color.pink.6}",
3859
+ "$type": "color",
3860
+ "$extensions": {
3861
+ "org.primer.figma": {
3862
+ "collection": "mode",
3863
+ "mode": "light",
3864
+ "group": "component (internal)",
3865
+ "scopes": ["fgColor"]
3866
+ }
3867
+ }
3868
+ },
3869
+ "name": "display-pink-fgColor",
3870
+ "attributes": {},
3871
+ "path": ["display", "pink", "fgColor"]
3872
+ },
3873
+ "display-pink-borderColor-muted": {
3874
+ "value": "#fdc9e2",
3875
+ "$type": "color",
3876
+ "$extensions": {
3877
+ "org.primer.figma": {
3878
+ "collection": "mode",
3879
+ "mode": "light",
3880
+ "group": "component (internal)",
3881
+ "scopes": ["borderColor"]
3882
+ }
3883
+ },
3884
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3885
+ "isSource": true,
3886
+ "original": {
3887
+ "value": "{base.display.color.pink.1}",
3888
+ "$type": "color",
3889
+ "$extensions": {
3890
+ "org.primer.figma": {
3891
+ "collection": "mode",
3892
+ "mode": "light",
3893
+ "group": "component (internal)",
3894
+ "scopes": ["borderColor"]
3895
+ }
3896
+ }
3897
+ },
3898
+ "name": "display-pink-borderColor-muted",
3899
+ "attributes": {},
3900
+ "path": ["display", "pink", "borderColor", "muted"]
3901
+ },
3902
+ "display-pink-borderColor-emphasis": {
3903
+ "value": "#ce2c85",
3904
+ "$type": "color",
3905
+ "$extensions": {
3906
+ "org.primer.figma": {
3907
+ "collection": "mode",
3908
+ "mode": "light",
3909
+ "group": "component (internal)",
3910
+ "scopes": ["borderColor"]
3911
+ }
3912
+ },
3913
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3914
+ "isSource": true,
3915
+ "original": {
3916
+ "value": "{base.display.color.pink.5}",
3917
+ "$type": "color",
3918
+ "$extensions": {
3919
+ "org.primer.figma": {
3920
+ "collection": "mode",
3921
+ "mode": "light",
3922
+ "group": "component (internal)",
3923
+ "scopes": ["borderColor"]
3924
+ }
3925
+ }
3926
+ },
3927
+ "name": "display-pink-borderColor-emphasis",
3928
+ "attributes": {},
3929
+ "path": ["display", "pink", "borderColor", "emphasis"]
3930
+ },
3786
3931
  "avatar-bgColor": {
3787
3932
  "value": "#ffffff",
3788
3933
  "$type": "color",
@@ -3783,6 +3783,151 @@
3783
3783
  "attributes": {},
3784
3784
  "path": ["display", "indigo", "borderColor", "emphasis"]
3785
3785
  },
3786
+ "display-pink-bgColor-muted": {
3787
+ "value": "#ffe5f1",
3788
+ "$type": "color",
3789
+ "$extensions": {
3790
+ "org.primer.figma": {
3791
+ "collection": "mode",
3792
+ "mode": "light",
3793
+ "group": "component (internal)",
3794
+ "scopes": ["bgColor"]
3795
+ }
3796
+ },
3797
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3798
+ "isSource": true,
3799
+ "original": {
3800
+ "value": "{base.display.color.pink.0}",
3801
+ "$type": "color",
3802
+ "$extensions": {
3803
+ "org.primer.figma": {
3804
+ "collection": "mode",
3805
+ "mode": "light",
3806
+ "group": "component (internal)",
3807
+ "scopes": ["bgColor"]
3808
+ }
3809
+ }
3810
+ },
3811
+ "name": "display-pink-bgColor-muted",
3812
+ "attributes": {},
3813
+ "path": ["display", "pink", "bgColor", "muted"]
3814
+ },
3815
+ "display-pink-bgColor-emphasis": {
3816
+ "value": "#ce2c85",
3817
+ "$type": "color",
3818
+ "$extensions": {
3819
+ "org.primer.figma": {
3820
+ "collection": "mode",
3821
+ "mode": "light",
3822
+ "group": "component (internal)",
3823
+ "scopes": ["bgColor"]
3824
+ }
3825
+ },
3826
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3827
+ "isSource": true,
3828
+ "original": {
3829
+ "value": "{base.display.color.pink.5}",
3830
+ "$type": "color",
3831
+ "$extensions": {
3832
+ "org.primer.figma": {
3833
+ "collection": "mode",
3834
+ "mode": "light",
3835
+ "group": "component (internal)",
3836
+ "scopes": ["bgColor"]
3837
+ }
3838
+ }
3839
+ },
3840
+ "name": "display-pink-bgColor-emphasis",
3841
+ "attributes": {},
3842
+ "path": ["display", "pink", "bgColor", "emphasis"]
3843
+ },
3844
+ "display-pink-fgColor": {
3845
+ "value": "#b12f79",
3846
+ "$type": "color",
3847
+ "$extensions": {
3848
+ "org.primer.figma": {
3849
+ "collection": "mode",
3850
+ "mode": "light",
3851
+ "group": "component (internal)",
3852
+ "scopes": ["fgColor"]
3853
+ }
3854
+ },
3855
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3856
+ "isSource": true,
3857
+ "original": {
3858
+ "value": "{base.display.color.pink.6}",
3859
+ "$type": "color",
3860
+ "$extensions": {
3861
+ "org.primer.figma": {
3862
+ "collection": "mode",
3863
+ "mode": "light",
3864
+ "group": "component (internal)",
3865
+ "scopes": ["fgColor"]
3866
+ }
3867
+ }
3868
+ },
3869
+ "name": "display-pink-fgColor",
3870
+ "attributes": {},
3871
+ "path": ["display", "pink", "fgColor"]
3872
+ },
3873
+ "display-pink-borderColor-muted": {
3874
+ "value": "#fdc9e2",
3875
+ "$type": "color",
3876
+ "$extensions": {
3877
+ "org.primer.figma": {
3878
+ "collection": "mode",
3879
+ "mode": "light",
3880
+ "group": "component (internal)",
3881
+ "scopes": ["borderColor"]
3882
+ }
3883
+ },
3884
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3885
+ "isSource": true,
3886
+ "original": {
3887
+ "value": "{base.display.color.pink.1}",
3888
+ "$type": "color",
3889
+ "$extensions": {
3890
+ "org.primer.figma": {
3891
+ "collection": "mode",
3892
+ "mode": "light",
3893
+ "group": "component (internal)",
3894
+ "scopes": ["borderColor"]
3895
+ }
3896
+ }
3897
+ },
3898
+ "name": "display-pink-borderColor-muted",
3899
+ "attributes": {},
3900
+ "path": ["display", "pink", "borderColor", "muted"]
3901
+ },
3902
+ "display-pink-borderColor-emphasis": {
3903
+ "value": "#ce2c85",
3904
+ "$type": "color",
3905
+ "$extensions": {
3906
+ "org.primer.figma": {
3907
+ "collection": "mode",
3908
+ "mode": "light",
3909
+ "group": "component (internal)",
3910
+ "scopes": ["borderColor"]
3911
+ }
3912
+ },
3913
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3914
+ "isSource": true,
3915
+ "original": {
3916
+ "value": "{base.display.color.pink.5}",
3917
+ "$type": "color",
3918
+ "$extensions": {
3919
+ "org.primer.figma": {
3920
+ "collection": "mode",
3921
+ "mode": "light",
3922
+ "group": "component (internal)",
3923
+ "scopes": ["borderColor"]
3924
+ }
3925
+ }
3926
+ },
3927
+ "name": "display-pink-borderColor-emphasis",
3928
+ "attributes": {},
3929
+ "path": ["display", "pink", "borderColor", "emphasis"]
3930
+ },
3786
3931
  "avatar-bgColor": {
3787
3932
  "value": "#ffffff",
3788
3933
  "$type": "color",