@primer/primitives 7.17.0-rc.a85cfb75 → 7.17.0-rc.ac784da5

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