@primer/primitives 7.17.0-rc.9ef8a8c3 → 7.17.0-rc.a85cfb75

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 (198) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +10 -0
  2. package/dist/css/functional/themes/dark-dimmed.css +10 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +10 -0
  5. package/dist/css/functional/themes/dark.css +10 -0
  6. package/dist/css/functional/themes/light-colorblind.css +10 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  9. package/dist/css/functional/themes/light.css +10 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +145 -0
  11. package/dist/docs/functional/themes/dark-dimmed.json +145 -0
  12. package/dist/docs/functional/themes/dark-high-contrast.json +145 -0
  13. package/dist/docs/functional/themes/dark-tritanopia.json +145 -0
  14. package/dist/docs/functional/themes/dark.json +145 -0
  15. package/dist/docs/functional/themes/light-colorblind.json +145 -0
  16. package/dist/docs/functional/themes/light-high-contrast.json +145 -0
  17. package/dist/docs/functional/themes/light-tritanopia.json +145 -0
  18. package/dist/docs/functional/themes/light.json +145 -0
  19. package/dist/docs/functional/typography/typography.json +39 -3
  20. package/dist/figma/figma.json +10 -1
  21. package/dist/figma/themes/dark-colorblind.json +80 -0
  22. package/dist/figma/themes/dark-dimmed.json +80 -0
  23. package/dist/figma/themes/dark-high-contrast.json +80 -0
  24. package/dist/figma/themes/dark-tritanopia.json +80 -0
  25. package/dist/figma/themes/dark.json +80 -0
  26. package/dist/figma/themes/light-colorblind.json +80 -0
  27. package/dist/figma/themes/light-high-contrast.json +80 -0
  28. package/dist/figma/themes/light-tritanopia.json +80 -0
  29. package/dist/figma/themes/light.json +80 -0
  30. package/dist/figma/typography/typography.json +32 -0
  31. package/dist/internalCss/dark-colorblind.css +10 -0
  32. package/dist/internalCss/dark-dimmed.css +10 -0
  33. package/dist/internalCss/dark-high-contrast.css +10 -0
  34. package/dist/internalCss/dark-tritanopia.css +10 -0
  35. package/dist/internalCss/dark.css +10 -0
  36. package/dist/internalCss/light-colorblind.css +10 -0
  37. package/dist/internalCss/light-high-contrast.css +10 -0
  38. package/dist/internalCss/light-tritanopia.css +10 -0
  39. package/dist/internalCss/light.css +10 -0
  40. package/dist/styleLint/functional/themes/dark-colorblind.json +145 -0
  41. package/dist/styleLint/functional/themes/dark-dimmed.json +145 -0
  42. package/dist/styleLint/functional/themes/dark-high-contrast.json +145 -0
  43. package/dist/styleLint/functional/themes/dark-tritanopia.json +145 -0
  44. package/dist/styleLint/functional/themes/dark.json +145 -0
  45. package/dist/styleLint/functional/themes/light-colorblind.json +145 -0
  46. package/dist/styleLint/functional/themes/light-high-contrast.json +145 -0
  47. package/dist/styleLint/functional/themes/light-tritanopia.json +145 -0
  48. package/dist/styleLint/functional/themes/light.json +145 -0
  49. package/dist/styleLint/functional/typography/typography.json +39 -3
  50. package/package.json +5 -13
  51. package/src/PrimerStyleDictionary.ts +12 -0
  52. package/src/filters/index.ts +1 -0
  53. package/src/filters/isNumber.ts +8 -0
  54. package/src/formats/jsonFigma.ts +1 -0
  55. package/src/platforms/figma.ts +9 -1
  56. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  57. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  58. package/src/tokens/functional/typography/typography.json +21 -3
  59. package/src/transformers/floatToPixel.ts +33 -0
  60. package/src/transformers/fontFamilyToCss.ts +3 -4
  61. package/src/transformers/fontFamilyToFigma.ts +47 -0
  62. package/src/transformers/index.ts +2 -0
  63. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  64. package/build.js +0 -578
  65. package/dist/deprecated/colors.json +0 -7
  66. package/dist/js/colors/dark.d.ts +0 -516
  67. package/dist/js/colors/dark.js +0 -616
  68. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  69. package/dist/js/colors/dark_colorblind.js +0 -616
  70. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  71. package/dist/js/colors/dark_dimmed.js +0 -616
  72. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  73. package/dist/js/colors/dark_high_contrast.js +0 -616
  74. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  75. package/dist/js/colors/dark_tritanopia.js +0 -616
  76. package/dist/js/colors/index.d.ts +0 -4638
  77. package/dist/js/colors/index.js +0 -15
  78. package/dist/js/colors/light.d.ts +0 -516
  79. package/dist/js/colors/light.js +0 -616
  80. package/dist/js/colors/light_colorblind.d.ts +0 -516
  81. package/dist/js/colors/light_colorblind.js +0 -616
  82. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  83. package/dist/js/colors/light_high_contrast.js +0 -616
  84. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  85. package/dist/js/colors/light_tritanopia.js +0 -616
  86. package/dist/js/index.d.ts +0 -4655
  87. package/dist/js/index.js +0 -9
  88. package/dist/js/spacing/index.d.ts +0 -6
  89. package/dist/js/spacing/index.js +0 -7
  90. package/dist/js/spacing/normal.d.ts +0 -4
  91. package/dist/js/spacing/normal.js +0 -13
  92. package/dist/js/typography/index.d.ts +0 -11
  93. package/dist/js/typography/index.js +0 -7
  94. package/dist/js/typography/normal.d.ts +0 -9
  95. package/dist/js/typography/normal.js +0 -19
  96. package/dist/json/colors/dark.json +0 -614
  97. package/dist/json/colors/dark_colorblind.json +0 -614
  98. package/dist/json/colors/dark_dimmed.json +0 -614
  99. package/dist/json/colors/dark_high_contrast.json +0 -614
  100. package/dist/json/colors/dark_tritanopia.json +0 -614
  101. package/dist/json/colors/light.json +0 -614
  102. package/dist/json/colors/light_colorblind.json +0 -614
  103. package/dist/json/colors/light_high_contrast.json +0 -614
  104. package/dist/json/colors/light_tritanopia.json +0 -614
  105. package/dist/json/spacing/normal.json +0 -11
  106. package/dist/json/typography/normal.json +0 -17
  107. package/dist/removed/colors.json +0 -432
  108. package/dist/scss/colors/_dark.scss +0 -452
  109. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  110. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  111. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  112. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  113. package/dist/scss/colors/_light.scss +0 -452
  114. package/dist/scss/colors/_light_colorblind.scss +0 -452
  115. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  116. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  117. package/dist/scss/spacing/_normal.scss +0 -11
  118. package/dist/scss/typography/_normal.scss +0 -15
  119. package/dist/ts/colors/dark.ts +0 -614
  120. package/dist/ts/colors/dark_colorblind.ts +0 -614
  121. package/dist/ts/colors/dark_dimmed.ts +0 -614
  122. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  123. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  124. package/dist/ts/colors/index.ts +0 -10
  125. package/dist/ts/colors/light.ts +0 -614
  126. package/dist/ts/colors/light_colorblind.ts +0 -614
  127. package/dist/ts/colors/light_high_contrast.ts +0 -614
  128. package/dist/ts/colors/light_tritanopia.ts +0 -614
  129. package/dist/ts/index.ts +0 -4
  130. package/dist/ts/spacing/index.ts +0 -2
  131. package/dist/ts/spacing/normal.ts +0 -11
  132. package/dist/ts/typography/index.ts +0 -2
  133. package/dist/ts/typography/normal.ts +0 -17
  134. package/tokens/base/size/size.json +0 -57
  135. package/tokens/base/typography/typography.json +0 -20
  136. package/tokens/functional/size/border.json +0 -48
  137. package/tokens/functional/size/breakpoints.json +0 -24
  138. package/tokens/functional/size/size-coarse.json +0 -27
  139. package/tokens/functional/size/size-fine.json +0 -27
  140. package/tokens/functional/size/size.json +0 -189
  141. package/tokens/functional/size/viewport.json +0 -24
  142. package/tokens/functional/typography/typography.json +0 -213
  143. package/tokens/removed/color.json +0 -421
  144. package/tokens-v2-private/css/tokens/base/size/size.css +0 -24
  145. package/tokens-v2-private/css/tokens/base/typography/typography.css +0 -11
  146. package/tokens-v2-private/css/tokens/functional/size/border.css +0 -17
  147. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +0 -13
  148. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +0 -11
  149. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +0 -11
  150. package/tokens-v2-private/css/tokens/functional/size/size.css +0 -54
  151. package/tokens-v2-private/css/tokens/functional/size/viewport.css +0 -6
  152. package/tokens-v2-private/css/tokens/functional/typography/typography.css +0 -47
  153. package/tokens-v2-private/docs/docValues.json +0 -2209
  154. package/tokens-v2-private/js/module/tokens/base/size/size.js +0 -266
  155. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +0 -77
  156. package/tokens-v2-private/js/module/tokens/functional/size/border.js +0 -165
  157. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +0 -101
  158. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +0 -73
  159. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +0 -73
  160. package/tokens-v2-private/js/module/tokens/functional/size/size.js +0 -824
  161. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +0 -101
  162. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +0 -809
  163. package/tokens-v2-private/js/tokens/base/size/size.js +0 -22
  164. package/tokens-v2-private/js/tokens/base/typography/typography.js +0 -9
  165. package/tokens-v2-private/js/tokens/functional/size/border.js +0 -15
  166. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +0 -11
  167. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +0 -8
  168. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +0 -8
  169. package/tokens-v2-private/js/tokens/functional/size/size.js +0 -52
  170. package/tokens-v2-private/js/tokens/functional/size/viewport.js +0 -11
  171. package/tokens-v2-private/js/tokens/functional/typography/typography.js +0 -45
  172. package/tokens-v2-private/scss/tokens/base/size/size.scss +0 -21
  173. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +0 -8
  174. package/tokens-v2-private/scss/tokens/functional/size/border.scss +0 -14
  175. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +0 -10
  176. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +0 -7
  177. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +0 -7
  178. package/tokens-v2-private/scss/tokens/functional/size/size.scss +0 -51
  179. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +0 -10
  180. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +0 -44
  181. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +0 -31
  182. package/tokens-v2-private/ts/tokens/base/size/size.js +0 -30
  183. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +0 -20
  184. package/tokens-v2-private/ts/tokens/base/typography/typography.js +0 -19
  185. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +0 -28
  186. package/tokens-v2-private/ts/tokens/functional/size/border.js +0 -27
  187. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +0 -20
  188. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +0 -19
  189. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +0 -29
  190. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +0 -28
  191. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +0 -29
  192. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +0 -28
  193. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +0 -103
  194. package/tokens-v2-private/ts/tokens/functional/size/size.js +0 -102
  195. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +0 -20
  196. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +0 -19
  197. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +0 -131
  198. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +0 -130
package/dist/docs/functional/themes/dark-tritanopia.json CHANGED
@@ -3791,6 +3791,151 @@
3791
3791
  "attributes": {},
3792
3792
  "path": ["display", "indigo", "borderColor", "emphasis"]
3793
3793
  },
3794
+ "display-pink-bgColor-muted": {
3795
+ "value": "#2d1524",
3796
+ "$type": "color",
3797
+ "$extensions": {
3798
+ "org.primer.figma": {
3799
+ "collection": "mode",
3800
+ "mode": "light",
3801
+ "group": "component (internal)",
3802
+ "scopes": ["bgColor"]
3803
+ }
3804
+ },
3805
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3806
+ "isSource": true,
3807
+ "original": {
3808
+ "value": "{base.display.color.pink.0}",
3809
+ "$type": "color",
3810
+ "$extensions": {
3811
+ "org.primer.figma": {
3812
+ "collection": "mode",
3813
+ "mode": "light",
3814
+ "group": "component (internal)",
3815
+ "scopes": ["bgColor"]
3816
+ }
3817
+ }
3818
+ },
3819
+ "name": "display-pink-bgColor-muted",
3820
+ "attributes": {},
3821
+ "path": ["display", "pink", "bgColor", "muted"]
3822
+ },
3823
+ "display-pink-bgColor-emphasis": {
3824
+ "value": "#d34591",
3825
+ "$type": "color",
3826
+ "$extensions": {
3827
+ "org.primer.figma": {
3828
+ "collection": "mode",
3829
+ "mode": "light",
3830
+ "group": "component (internal)",
3831
+ "scopes": ["bgColor"]
3832
+ }
3833
+ },
3834
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3835
+ "isSource": true,
3836
+ "original": {
3837
+ "value": "{base.display.color.pink.5}",
3838
+ "$type": "color",
3839
+ "$extensions": {
3840
+ "org.primer.figma": {
3841
+ "collection": "mode",
3842
+ "mode": "light",
3843
+ "group": "component (internal)",
3844
+ "scopes": ["bgColor"]
3845
+ }
3846
+ }
3847
+ },
3848
+ "name": "display-pink-bgColor-emphasis",
3849
+ "attributes": {},
3850
+ "path": ["display", "pink", "bgColor", "emphasis"]
3851
+ },
3852
+ "display-pink-fgColor": {
3853
+ "value": "#e57bb2",
3854
+ "$type": "color",
3855
+ "$extensions": {
3856
+ "org.primer.figma": {
3857
+ "collection": "mode",
3858
+ "mode": "light",
3859
+ "group": "component (internal)",
3860
+ "scopes": ["fgColor"]
3861
+ }
3862
+ },
3863
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3864
+ "isSource": true,
3865
+ "original": {
3866
+ "value": "{base.display.color.pink.6}",
3867
+ "$type": "color",
3868
+ "$extensions": {
3869
+ "org.primer.figma": {
3870
+ "collection": "mode",
3871
+ "mode": "light",
3872
+ "group": "component (internal)",
3873
+ "scopes": ["fgColor"]
3874
+ }
3875
+ }
3876
+ },
3877
+ "name": "display-pink-fgColor",
3878
+ "attributes": {},
3879
+ "path": ["display", "pink", "fgColor"]
3880
+ },
3881
+ "display-pink-borderColor-muted": {
3882
+ "value": "#451c35",
3883
+ "$type": "color",
3884
+ "$extensions": {
3885
+ "org.primer.figma": {
3886
+ "collection": "mode",
3887
+ "mode": "light",
3888
+ "group": "component (internal)",
3889
+ "scopes": ["borderColor"]
3890
+ }
3891
+ },
3892
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3893
+ "isSource": true,
3894
+ "original": {
3895
+ "value": "{base.display.color.pink.1}",
3896
+ "$type": "color",
3897
+ "$extensions": {
3898
+ "org.primer.figma": {
3899
+ "collection": "mode",
3900
+ "mode": "light",
3901
+ "group": "component (internal)",
3902
+ "scopes": ["borderColor"]
3903
+ }
3904
+ }
3905
+ },
3906
+ "name": "display-pink-borderColor-muted",
3907
+ "attributes": {},
3908
+ "path": ["display", "pink", "borderColor", "muted"]
3909
+ },
3910
+ "display-pink-borderColor-emphasis": {
3911
+ "value": "#d34591",
3912
+ "$type": "color",
3913
+ "$extensions": {
3914
+ "org.primer.figma": {
3915
+ "collection": "mode",
3916
+ "mode": "light",
3917
+ "group": "component (internal)",
3918
+ "scopes": ["borderColor"]
3919
+ }
3920
+ },
3921
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3922
+ "isSource": true,
3923
+ "original": {
3924
+ "value": "{base.display.color.pink.5}",
3925
+ "$type": "color",
3926
+ "$extensions": {
3927
+ "org.primer.figma": {
3928
+ "collection": "mode",
3929
+ "mode": "light",
3930
+ "group": "component (internal)",
3931
+ "scopes": ["borderColor"]
3932
+ }
3933
+ }
3934
+ },
3935
+ "name": "display-pink-borderColor-emphasis",
3936
+ "attributes": {},
3937
+ "path": ["display", "pink", "borderColor", "emphasis"]
3938
+ },
3794
3939
  "avatar-bgColor": {
3795
3940
  "value": "#ffffff1a",
3796
3941
  "$type": "color",
package/dist/docs/functional/themes/dark.json CHANGED
@@ -3791,6 +3791,151 @@
3791
3791
  "attributes": {},
3792
3792
  "path": ["display", "indigo", "borderColor", "emphasis"]
3793
3793
  },
3794
+ "display-pink-bgColor-muted": {
3795
+ "value": "#2d1524",
3796
+ "$type": "color",
3797
+ "$extensions": {
3798
+ "org.primer.figma": {
3799
+ "collection": "mode",
3800
+ "mode": "light",
3801
+ "group": "component (internal)",
3802
+ "scopes": ["bgColor"]
3803
+ }
3804
+ },
3805
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3806
+ "isSource": true,
3807
+ "original": {
3808
+ "value": "{base.display.color.pink.0}",
3809
+ "$type": "color",
3810
+ "$extensions": {
3811
+ "org.primer.figma": {
3812
+ "collection": "mode",
3813
+ "mode": "light",
3814
+ "group": "component (internal)",
3815
+ "scopes": ["bgColor"]
3816
+ }
3817
+ }
3818
+ },
3819
+ "name": "display-pink-bgColor-muted",
3820
+ "attributes": {},
3821
+ "path": ["display", "pink", "bgColor", "muted"]
3822
+ },
3823
+ "display-pink-bgColor-emphasis": {
3824
+ "value": "#d34591",
3825
+ "$type": "color",
3826
+ "$extensions": {
3827
+ "org.primer.figma": {
3828
+ "collection": "mode",
3829
+ "mode": "light",
3830
+ "group": "component (internal)",
3831
+ "scopes": ["bgColor"]
3832
+ }
3833
+ },
3834
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3835
+ "isSource": true,
3836
+ "original": {
3837
+ "value": "{base.display.color.pink.5}",
3838
+ "$type": "color",
3839
+ "$extensions": {
3840
+ "org.primer.figma": {
3841
+ "collection": "mode",
3842
+ "mode": "light",
3843
+ "group": "component (internal)",
3844
+ "scopes": ["bgColor"]
3845
+ }
3846
+ }
3847
+ },
3848
+ "name": "display-pink-bgColor-emphasis",
3849
+ "attributes": {},
3850
+ "path": ["display", "pink", "bgColor", "emphasis"]
3851
+ },
3852
+ "display-pink-fgColor": {
3853
+ "value": "#e57bb2",
3854
+ "$type": "color",
3855
+ "$extensions": {
3856
+ "org.primer.figma": {
3857
+ "collection": "mode",
3858
+ "mode": "light",
3859
+ "group": "component (internal)",
3860
+ "scopes": ["fgColor"]
3861
+ }
3862
+ },
3863
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3864
+ "isSource": true,
3865
+ "original": {
3866
+ "value": "{base.display.color.pink.6}",
3867
+ "$type": "color",
3868
+ "$extensions": {
3869
+ "org.primer.figma": {
3870
+ "collection": "mode",
3871
+ "mode": "light",
3872
+ "group": "component (internal)",
3873
+ "scopes": ["fgColor"]
3874
+ }
3875
+ }
3876
+ },
3877
+ "name": "display-pink-fgColor",
3878
+ "attributes": {},
3879
+ "path": ["display", "pink", "fgColor"]
3880
+ },
3881
+ "display-pink-borderColor-muted": {
3882
+ "value": "#451c35",
3883
+ "$type": "color",
3884
+ "$extensions": {
3885
+ "org.primer.figma": {
3886
+ "collection": "mode",
3887
+ "mode": "light",
3888
+ "group": "component (internal)",
3889
+ "scopes": ["borderColor"]
3890
+ }
3891
+ },
3892
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3893
+ "isSource": true,
3894
+ "original": {
3895
+ "value": "{base.display.color.pink.1}",
3896
+ "$type": "color",
3897
+ "$extensions": {
3898
+ "org.primer.figma": {
3899
+ "collection": "mode",
3900
+ "mode": "light",
3901
+ "group": "component (internal)",
3902
+ "scopes": ["borderColor"]
3903
+ }
3904
+ }
3905
+ },
3906
+ "name": "display-pink-borderColor-muted",
3907
+ "attributes": {},
3908
+ "path": ["display", "pink", "borderColor", "muted"]
3909
+ },
3910
+ "display-pink-borderColor-emphasis": {
3911
+ "value": "#d34591",
3912
+ "$type": "color",
3913
+ "$extensions": {
3914
+ "org.primer.figma": {
3915
+ "collection": "mode",
3916
+ "mode": "light",
3917
+ "group": "component (internal)",
3918
+ "scopes": ["borderColor"]
3919
+ }
3920
+ },
3921
+ "filePath": "src/tokens/functional/color/dark/display-dark.json5",
3922
+ "isSource": true,
3923
+ "original": {
3924
+ "value": "{base.display.color.pink.5}",
3925
+ "$type": "color",
3926
+ "$extensions": {
3927
+ "org.primer.figma": {
3928
+ "collection": "mode",
3929
+ "mode": "light",
3930
+ "group": "component (internal)",
3931
+ "scopes": ["borderColor"]
3932
+ }
3933
+ }
3934
+ },
3935
+ "name": "display-pink-borderColor-emphasis",
3936
+ "attributes": {},
3937
+ "path": ["display", "pink", "borderColor", "emphasis"]
3938
+ },
3794
3939
  "avatar-bgColor": {
3795
3940
  "value": "#ffffff1a",
3796
3941
  "$type": "color",
package/dist/docs/functional/themes/light-colorblind.json CHANGED
@@ -3787,6 +3787,151 @@
3787
3787
  "attributes": {},
3788
3788
  "path": ["display", "indigo", "borderColor", "emphasis"]
3789
3789
  },
3790
+ "display-pink-bgColor-muted": {
3791
+ "value": "#ffe5f1",
3792
+ "$type": "color",
3793
+ "$extensions": {
3794
+ "org.primer.figma": {
3795
+ "collection": "mode",
3796
+ "mode": "light",
3797
+ "group": "component (internal)",
3798
+ "scopes": ["bgColor"]
3799
+ }
3800
+ },
3801
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3802
+ "isSource": true,
3803
+ "original": {
3804
+ "value": "{base.display.color.pink.0}",
3805
+ "$type": "color",
3806
+ "$extensions": {
3807
+ "org.primer.figma": {
3808
+ "collection": "mode",
3809
+ "mode": "light",
3810
+ "group": "component (internal)",
3811
+ "scopes": ["bgColor"]
3812
+ }
3813
+ }
3814
+ },
3815
+ "name": "display-pink-bgColor-muted",
3816
+ "attributes": {},
3817
+ "path": ["display", "pink", "bgColor", "muted"]
3818
+ },
3819
+ "display-pink-bgColor-emphasis": {
3820
+ "value": "#ce2c85",
3821
+ "$type": "color",
3822
+ "$extensions": {
3823
+ "org.primer.figma": {
3824
+ "collection": "mode",
3825
+ "mode": "light",
3826
+ "group": "component (internal)",
3827
+ "scopes": ["bgColor"]
3828
+ }
3829
+ },
3830
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3831
+ "isSource": true,
3832
+ "original": {
3833
+ "value": "{base.display.color.pink.5}",
3834
+ "$type": "color",
3835
+ "$extensions": {
3836
+ "org.primer.figma": {
3837
+ "collection": "mode",
3838
+ "mode": "light",
3839
+ "group": "component (internal)",
3840
+ "scopes": ["bgColor"]
3841
+ }
3842
+ }
3843
+ },
3844
+ "name": "display-pink-bgColor-emphasis",
3845
+ "attributes": {},
3846
+ "path": ["display", "pink", "bgColor", "emphasis"]
3847
+ },
3848
+ "display-pink-fgColor": {
3849
+ "value": "#b12f79",
3850
+ "$type": "color",
3851
+ "$extensions": {
3852
+ "org.primer.figma": {
3853
+ "collection": "mode",
3854
+ "mode": "light",
3855
+ "group": "component (internal)",
3856
+ "scopes": ["fgColor"]
3857
+ }
3858
+ },
3859
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3860
+ "isSource": true,
3861
+ "original": {
3862
+ "value": "{base.display.color.pink.6}",
3863
+ "$type": "color",
3864
+ "$extensions": {
3865
+ "org.primer.figma": {
3866
+ "collection": "mode",
3867
+ "mode": "light",
3868
+ "group": "component (internal)",
3869
+ "scopes": ["fgColor"]
3870
+ }
3871
+ }
3872
+ },
3873
+ "name": "display-pink-fgColor",
3874
+ "attributes": {},
3875
+ "path": ["display", "pink", "fgColor"]
3876
+ },
3877
+ "display-pink-borderColor-muted": {
3878
+ "value": "#fdc9e2",
3879
+ "$type": "color",
3880
+ "$extensions": {
3881
+ "org.primer.figma": {
3882
+ "collection": "mode",
3883
+ "mode": "light",
3884
+ "group": "component (internal)",
3885
+ "scopes": ["borderColor"]
3886
+ }
3887
+ },
3888
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3889
+ "isSource": true,
3890
+ "original": {
3891
+ "value": "{base.display.color.pink.1}",
3892
+ "$type": "color",
3893
+ "$extensions": {
3894
+ "org.primer.figma": {
3895
+ "collection": "mode",
3896
+ "mode": "light",
3897
+ "group": "component (internal)",
3898
+ "scopes": ["borderColor"]
3899
+ }
3900
+ }
3901
+ },
3902
+ "name": "display-pink-borderColor-muted",
3903
+ "attributes": {},
3904
+ "path": ["display", "pink", "borderColor", "muted"]
3905
+ },
3906
+ "display-pink-borderColor-emphasis": {
3907
+ "value": "#ce2c85",
3908
+ "$type": "color",
3909
+ "$extensions": {
3910
+ "org.primer.figma": {
3911
+ "collection": "mode",
3912
+ "mode": "light",
3913
+ "group": "component (internal)",
3914
+ "scopes": ["borderColor"]
3915
+ }
3916
+ },
3917
+ "filePath": "src/tokens/functional/color/light/display-light.json5",
3918
+ "isSource": true,
3919
+ "original": {
3920
+ "value": "{base.display.color.pink.5}",
3921
+ "$type": "color",
3922
+ "$extensions": {
3923
+ "org.primer.figma": {
3924
+ "collection": "mode",
3925
+ "mode": "light",
3926
+ "group": "component (internal)",
3927
+ "scopes": ["borderColor"]
3928
+ }
3929
+ }
3930
+ },
3931
+ "name": "display-pink-borderColor-emphasis",
3932
+ "attributes": {},
3933
+ "path": ["display", "pink", "borderColor", "emphasis"]
3934
+ },
3790
3935
  "avatar-bgColor": {
3791
3936
  "value": "#ffffff",
3792
3937
  "$type": "color",
package/dist/docs/functional/themes/light-high-contrast.json CHANGED
@@ -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",