@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/figma/themes/dark-tritanopia.json CHANGED
@@ -5622,6 +5622,86 @@
5622
5622
  "group": "component (internal)",
5623
5623
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5624
5624
  },
5625
+ {
5626
+ "name": "display/pink/borderColor/emphasis",
5627
+ "value": {
5628
+ "r": 0.8274509803921568,
5629
+ "g": 0.27058823529411763,
5630
+ "b": 0.5686274509803921,
5631
+ "a": 1
5632
+ },
5633
+ "type": "COLOR",
5634
+ "refId": "mode/display/pink/borderColor/emphasis",
5635
+ "reference": "base/color/dark/base/display/color/pink/5",
5636
+ "collection": "mode",
5637
+ "mode": "dark tritanopia",
5638
+ "group": "component (internal)",
5639
+ "scopes": ["STROKE_COLOR"]
5640
+ },
5641
+ {
5642
+ "name": "display/pink/borderColor/muted",
5643
+ "value": {
5644
+ "r": 0.27058823529411763,
5645
+ "g": 0.10980392156862745,
5646
+ "b": 0.20784313725490197,
5647
+ "a": 1
5648
+ },
5649
+ "type": "COLOR",
5650
+ "refId": "mode/display/pink/borderColor/muted",
5651
+ "reference": "base/color/dark/base/display/color/pink/1",
5652
+ "collection": "mode",
5653
+ "mode": "dark tritanopia",
5654
+ "group": "component (internal)",
5655
+ "scopes": ["STROKE_COLOR"]
5656
+ },
5657
+ {
5658
+ "name": "display/pink/fgColor",
5659
+ "value": {
5660
+ "r": 0.8980392156862745,
5661
+ "g": 0.4823529411764706,
5662
+ "b": 0.6980392156862745,
5663
+ "a": 1
5664
+ },
5665
+ "type": "COLOR",
5666
+ "refId": "mode/display/pink/fgColor",
5667
+ "reference": "base/color/dark/base/display/color/pink/6",
5668
+ "collection": "mode",
5669
+ "mode": "dark tritanopia",
5670
+ "group": "component (internal)",
5671
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5672
+ },
5673
+ {
5674
+ "name": "display/pink/bgColor/emphasis",
5675
+ "value": {
5676
+ "r": 0.8274509803921568,
5677
+ "g": 0.27058823529411763,
5678
+ "b": 0.5686274509803921,
5679
+ "a": 1
5680
+ },
5681
+ "type": "COLOR",
5682
+ "refId": "mode/display/pink/bgColor/emphasis",
5683
+ "reference": "base/color/dark/base/display/color/pink/5",
5684
+ "collection": "mode",
5685
+ "mode": "dark tritanopia",
5686
+ "group": "component (internal)",
5687
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5688
+ },
5689
+ {
5690
+ "name": "display/pink/bgColor/muted",
5691
+ "value": {
5692
+ "r": 0.17647058823529413,
5693
+ "g": 0.08235294117647059,
5694
+ "b": 0.1411764705882353,
5695
+ "a": 1
5696
+ },
5697
+ "type": "COLOR",
5698
+ "refId": "mode/display/pink/bgColor/muted",
5699
+ "reference": "base/color/dark/base/display/color/pink/0",
5700
+ "collection": "mode",
5701
+ "mode": "dark tritanopia",
5702
+ "group": "component (internal)",
5703
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5704
+ },
5625
5705
  {
5626
5706
  "name": "display/indigo/borderColor/emphasis",
5627
5707
  "value": {
package/dist/figma/themes/dark.json CHANGED
@@ -5525,6 +5525,86 @@
5525
5525
  "group": "component (internal)",
5526
5526
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5527
5527
  },
5528
+ {
5529
+ "name": "display/pink/borderColor/emphasis",
5530
+ "value": {
5531
+ "r": 0.8274509803921568,
5532
+ "g": 0.27058823529411763,
5533
+ "b": 0.5686274509803921,
5534
+ "a": 1
5535
+ },
5536
+ "type": "COLOR",
5537
+ "refId": "mode/display/pink/borderColor/emphasis",
5538
+ "reference": "base/color/dark/base/display/color/pink/5",
5539
+ "collection": "mode",
5540
+ "mode": "dark",
5541
+ "group": "component (internal)",
5542
+ "scopes": ["STROKE_COLOR"]
5543
+ },
5544
+ {
5545
+ "name": "display/pink/borderColor/muted",
5546
+ "value": {
5547
+ "r": 0.27058823529411763,
5548
+ "g": 0.10980392156862745,
5549
+ "b": 0.20784313725490197,
5550
+ "a": 1
5551
+ },
5552
+ "type": "COLOR",
5553
+ "refId": "mode/display/pink/borderColor/muted",
5554
+ "reference": "base/color/dark/base/display/color/pink/1",
5555
+ "collection": "mode",
5556
+ "mode": "dark",
5557
+ "group": "component (internal)",
5558
+ "scopes": ["STROKE_COLOR"]
5559
+ },
5560
+ {
5561
+ "name": "display/pink/fgColor",
5562
+ "value": {
5563
+ "r": 0.8980392156862745,
5564
+ "g": 0.4823529411764706,
5565
+ "b": 0.6980392156862745,
5566
+ "a": 1
5567
+ },
5568
+ "type": "COLOR",
5569
+ "refId": "mode/display/pink/fgColor",
5570
+ "reference": "base/color/dark/base/display/color/pink/6",
5571
+ "collection": "mode",
5572
+ "mode": "dark",
5573
+ "group": "component (internal)",
5574
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5575
+ },
5576
+ {
5577
+ "name": "display/pink/bgColor/emphasis",
5578
+ "value": {
5579
+ "r": 0.8274509803921568,
5580
+ "g": 0.27058823529411763,
5581
+ "b": 0.5686274509803921,
5582
+ "a": 1
5583
+ },
5584
+ "type": "COLOR",
5585
+ "refId": "mode/display/pink/bgColor/emphasis",
5586
+ "reference": "base/color/dark/base/display/color/pink/5",
5587
+ "collection": "mode",
5588
+ "mode": "dark",
5589
+ "group": "component (internal)",
5590
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5591
+ },
5592
+ {
5593
+ "name": "display/pink/bgColor/muted",
5594
+ "value": {
5595
+ "r": 0.17647058823529413,
5596
+ "g": 0.08235294117647059,
5597
+ "b": 0.1411764705882353,
5598
+ "a": 1
5599
+ },
5600
+ "type": "COLOR",
5601
+ "refId": "mode/display/pink/bgColor/muted",
5602
+ "reference": "base/color/dark/base/display/color/pink/0",
5603
+ "collection": "mode",
5604
+ "mode": "dark",
5605
+ "group": "component (internal)",
5606
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5607
+ },
5528
5608
  {
5529
5609
  "name": "display/indigo/borderColor/emphasis",
5530
5610
  "value": {
package/dist/figma/themes/light-colorblind.json CHANGED
@@ -5366,6 +5366,86 @@
5366
5366
  "group": "component (internal)",
5367
5367
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5368
5368
  },
5369
+ {
5370
+ "name": "display/pink/borderColor/emphasis",
5371
+ "value": {
5372
+ "r": 0.807843137254902,
5373
+ "g": 0.17254901960784313,
5374
+ "b": 0.5215686274509804,
5375
+ "a": 1
5376
+ },
5377
+ "type": "COLOR",
5378
+ "refId": "mode/display/pink/borderColor/emphasis",
5379
+ "reference": "base/color/light/base/display/color/pink/5",
5380
+ "collection": "mode",
5381
+ "mode": "light colorblind",
5382
+ "group": "component (internal)",
5383
+ "scopes": ["STROKE_COLOR"]
5384
+ },
5385
+ {
5386
+ "name": "display/pink/borderColor/muted",
5387
+ "value": {
5388
+ "r": 0.9921568627450981,
5389
+ "g": 0.788235294117647,
5390
+ "b": 0.8862745098039215,
5391
+ "a": 1
5392
+ },
5393
+ "type": "COLOR",
5394
+ "refId": "mode/display/pink/borderColor/muted",
5395
+ "reference": "base/color/light/base/display/color/pink/1",
5396
+ "collection": "mode",
5397
+ "mode": "light colorblind",
5398
+ "group": "component (internal)",
5399
+ "scopes": ["STROKE_COLOR"]
5400
+ },
5401
+ {
5402
+ "name": "display/pink/fgColor",
5403
+ "value": {
5404
+ "r": 0.6941176470588235,
5405
+ "g": 0.1843137254901961,
5406
+ "b": 0.4745098039215686,
5407
+ "a": 1
5408
+ },
5409
+ "type": "COLOR",
5410
+ "refId": "mode/display/pink/fgColor",
5411
+ "reference": "base/color/light/base/display/color/pink/6",
5412
+ "collection": "mode",
5413
+ "mode": "light colorblind",
5414
+ "group": "component (internal)",
5415
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5416
+ },
5417
+ {
5418
+ "name": "display/pink/bgColor/emphasis",
5419
+ "value": {
5420
+ "r": 0.807843137254902,
5421
+ "g": 0.17254901960784313,
5422
+ "b": 0.5215686274509804,
5423
+ "a": 1
5424
+ },
5425
+ "type": "COLOR",
5426
+ "refId": "mode/display/pink/bgColor/emphasis",
5427
+ "reference": "base/color/light/base/display/color/pink/5",
5428
+ "collection": "mode",
5429
+ "mode": "light colorblind",
5430
+ "group": "component (internal)",
5431
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5432
+ },
5433
+ {
5434
+ "name": "display/pink/bgColor/muted",
5435
+ "value": {
5436
+ "r": 1,
5437
+ "g": 0.8980392156862745,
5438
+ "b": 0.9450980392156862,
5439
+ "a": 1
5440
+ },
5441
+ "type": "COLOR",
5442
+ "refId": "mode/display/pink/bgColor/muted",
5443
+ "reference": "base/color/light/base/display/color/pink/0",
5444
+ "collection": "mode",
5445
+ "mode": "light colorblind",
5446
+ "group": "component (internal)",
5447
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5448
+ },
5369
5449
  {
5370
5450
  "name": "display/indigo/borderColor/emphasis",
5371
5451
  "value": {
package/dist/figma/themes/light-high-contrast.json CHANGED
@@ -5352,6 +5352,86 @@
5352
5352
  "group": "component (internal)",
5353
5353
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5354
5354
  },
5355
+ {
5356
+ "name": "display/pink/borderColor/emphasis",
5357
+ "value": {
5358
+ "r": 0.807843137254902,
5359
+ "g": 0.17254901960784313,
5360
+ "b": 0.5215686274509804,
5361
+ "a": 1
5362
+ },
5363
+ "type": "COLOR",
5364
+ "refId": "mode/display/pink/borderColor/emphasis",
5365
+ "reference": "base/color/light/base/display/color/pink/5",
5366
+ "collection": "mode",
5367
+ "mode": "light high contrast",
5368
+ "group": "component (internal)",
5369
+ "scopes": ["STROKE_COLOR"]
5370
+ },
5371
+ {
5372
+ "name": "display/pink/borderColor/muted",
5373
+ "value": {
5374
+ "r": 0.9921568627450981,
5375
+ "g": 0.788235294117647,
5376
+ "b": 0.8862745098039215,
5377
+ "a": 1
5378
+ },
5379
+ "type": "COLOR",
5380
+ "refId": "mode/display/pink/borderColor/muted",
5381
+ "reference": "base/color/light/base/display/color/pink/1",
5382
+ "collection": "mode",
5383
+ "mode": "light high contrast",
5384
+ "group": "component (internal)",
5385
+ "scopes": ["STROKE_COLOR"]
5386
+ },
5387
+ {
5388
+ "name": "display/pink/fgColor",
5389
+ "value": {
5390
+ "r": 0.6941176470588235,
5391
+ "g": 0.1843137254901961,
5392
+ "b": 0.4745098039215686,
5393
+ "a": 1
5394
+ },
5395
+ "type": "COLOR",
5396
+ "refId": "mode/display/pink/fgColor",
5397
+ "reference": "base/color/light/base/display/color/pink/6",
5398
+ "collection": "mode",
5399
+ "mode": "light high contrast",
5400
+ "group": "component (internal)",
5401
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5402
+ },
5403
+ {
5404
+ "name": "display/pink/bgColor/emphasis",
5405
+ "value": {
5406
+ "r": 0.807843137254902,
5407
+ "g": 0.17254901960784313,
5408
+ "b": 0.5215686274509804,
5409
+ "a": 1
5410
+ },
5411
+ "type": "COLOR",
5412
+ "refId": "mode/display/pink/bgColor/emphasis",
5413
+ "reference": "base/color/light/base/display/color/pink/5",
5414
+ "collection": "mode",
5415
+ "mode": "light high contrast",
5416
+ "group": "component (internal)",
5417
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5418
+ },
5419
+ {
5420
+ "name": "display/pink/bgColor/muted",
5421
+ "value": {
5422
+ "r": 1,
5423
+ "g": 0.8980392156862745,
5424
+ "b": 0.9450980392156862,
5425
+ "a": 1
5426
+ },
5427
+ "type": "COLOR",
5428
+ "refId": "mode/display/pink/bgColor/muted",
5429
+ "reference": "base/color/light/base/display/color/pink/0",
5430
+ "collection": "mode",
5431
+ "mode": "light high contrast",
5432
+ "group": "component (internal)",
5433
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5434
+ },
5355
5435
  {
5356
5436
  "name": "display/indigo/borderColor/emphasis",
5357
5437
  "value": {
package/dist/figma/themes/light-tritanopia.json CHANGED
@@ -5364,6 +5364,86 @@
5364
5364
  "group": "component (internal)",
5365
5365
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5366
5366
  },
5367
+ {
5368
+ "name": "display/pink/borderColor/emphasis",
5369
+ "value": {
5370
+ "r": 0.807843137254902,
5371
+ "g": 0.17254901960784313,
5372
+ "b": 0.5215686274509804,
5373
+ "a": 1
5374
+ },
5375
+ "type": "COLOR",
5376
+ "refId": "mode/display/pink/borderColor/emphasis",
5377
+ "reference": "base/color/light/base/display/color/pink/5",
5378
+ "collection": "mode",
5379
+ "mode": "light tritanopia",
5380
+ "group": "component (internal)",
5381
+ "scopes": ["STROKE_COLOR"]
5382
+ },
5383
+ {
5384
+ "name": "display/pink/borderColor/muted",
5385
+ "value": {
5386
+ "r": 0.9921568627450981,
5387
+ "g": 0.788235294117647,
5388
+ "b": 0.8862745098039215,
5389
+ "a": 1
5390
+ },
5391
+ "type": "COLOR",
5392
+ "refId": "mode/display/pink/borderColor/muted",
5393
+ "reference": "base/color/light/base/display/color/pink/1",
5394
+ "collection": "mode",
5395
+ "mode": "light tritanopia",
5396
+ "group": "component (internal)",
5397
+ "scopes": ["STROKE_COLOR"]
5398
+ },
5399
+ {
5400
+ "name": "display/pink/fgColor",
5401
+ "value": {
5402
+ "r": 0.6941176470588235,
5403
+ "g": 0.1843137254901961,
5404
+ "b": 0.4745098039215686,
5405
+ "a": 1
5406
+ },
5407
+ "type": "COLOR",
5408
+ "refId": "mode/display/pink/fgColor",
5409
+ "reference": "base/color/light/base/display/color/pink/6",
5410
+ "collection": "mode",
5411
+ "mode": "light tritanopia",
5412
+ "group": "component (internal)",
5413
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5414
+ },
5415
+ {
5416
+ "name": "display/pink/bgColor/emphasis",
5417
+ "value": {
5418
+ "r": 0.807843137254902,
5419
+ "g": 0.17254901960784313,
5420
+ "b": 0.5215686274509804,
5421
+ "a": 1
5422
+ },
5423
+ "type": "COLOR",
5424
+ "refId": "mode/display/pink/bgColor/emphasis",
5425
+ "reference": "base/color/light/base/display/color/pink/5",
5426
+ "collection": "mode",
5427
+ "mode": "light tritanopia",
5428
+ "group": "component (internal)",
5429
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5430
+ },
5431
+ {
5432
+ "name": "display/pink/bgColor/muted",
5433
+ "value": {
5434
+ "r": 1,
5435
+ "g": 0.8980392156862745,
5436
+ "b": 0.9450980392156862,
5437
+ "a": 1
5438
+ },
5439
+ "type": "COLOR",
5440
+ "refId": "mode/display/pink/bgColor/muted",
5441
+ "reference": "base/color/light/base/display/color/pink/0",
5442
+ "collection": "mode",
5443
+ "mode": "light tritanopia",
5444
+ "group": "component (internal)",
5445
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5446
+ },
5367
5447
  {
5368
5448
  "name": "display/indigo/borderColor/emphasis",
5369
5449
  "value": {
package/dist/figma/themes/light.json CHANGED
@@ -5249,6 +5249,86 @@
5249
5249
  "group": "component (internal)",
5250
5250
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5251
5251
  },
5252
+ {
5253
+ "name": "display/pink/borderColor/emphasis",
5254
+ "value": {
5255
+ "r": 0.807843137254902,
5256
+ "g": 0.17254901960784313,
5257
+ "b": 0.5215686274509804,
5258
+ "a": 1
5259
+ },
5260
+ "type": "COLOR",
5261
+ "refId": "mode/display/pink/borderColor/emphasis",
5262
+ "reference": "base/color/light/base/display/color/pink/5",
5263
+ "collection": "mode",
5264
+ "mode": "light",
5265
+ "group": "component (internal)",
5266
+ "scopes": ["STROKE_COLOR"]
5267
+ },
5268
+ {
5269
+ "name": "display/pink/borderColor/muted",
5270
+ "value": {
5271
+ "r": 0.9921568627450981,
5272
+ "g": 0.788235294117647,
5273
+ "b": 0.8862745098039215,
5274
+ "a": 1
5275
+ },
5276
+ "type": "COLOR",
5277
+ "refId": "mode/display/pink/borderColor/muted",
5278
+ "reference": "base/color/light/base/display/color/pink/1",
5279
+ "collection": "mode",
5280
+ "mode": "light",
5281
+ "group": "component (internal)",
5282
+ "scopes": ["STROKE_COLOR"]
5283
+ },
5284
+ {
5285
+ "name": "display/pink/fgColor",
5286
+ "value": {
5287
+ "r": 0.6941176470588235,
5288
+ "g": 0.1843137254901961,
5289
+ "b": 0.4745098039215686,
5290
+ "a": 1
5291
+ },
5292
+ "type": "COLOR",
5293
+ "refId": "mode/display/pink/fgColor",
5294
+ "reference": "base/color/light/base/display/color/pink/6",
5295
+ "collection": "mode",
5296
+ "mode": "light",
5297
+ "group": "component (internal)",
5298
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5299
+ },
5300
+ {
5301
+ "name": "display/pink/bgColor/emphasis",
5302
+ "value": {
5303
+ "r": 0.807843137254902,
5304
+ "g": 0.17254901960784313,
5305
+ "b": 0.5215686274509804,
5306
+ "a": 1
5307
+ },
5308
+ "type": "COLOR",
5309
+ "refId": "mode/display/pink/bgColor/emphasis",
5310
+ "reference": "base/color/light/base/display/color/pink/5",
5311
+ "collection": "mode",
5312
+ "mode": "light",
5313
+ "group": "component (internal)",
5314
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5315
+ },
5316
+ {
5317
+ "name": "display/pink/bgColor/muted",
5318
+ "value": {
5319
+ "r": 1,
5320
+ "g": 0.8980392156862745,
5321
+ "b": 0.9450980392156862,
5322
+ "a": 1
5323
+ },
5324
+ "type": "COLOR",
5325
+ "refId": "mode/display/pink/bgColor/muted",
5326
+ "reference": "base/color/light/base/display/color/pink/0",
5327
+ "collection": "mode",
5328
+ "mode": "light",
5329
+ "group": "component (internal)",
5330
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5331
+ },
5252
5332
  {
5253
5333
  "name": "display/indigo/borderColor/emphasis",
5254
5334
  "value": {
package/dist/figma/typography/typography.json ADDED
@@ -0,0 +1,32 @@
1
+ [
2
+ {
3
+ "name": "fontStack/monospace",
4
+ "value": "SF Mono",
5
+ "type": "STRING",
6
+ "refId": "typography/fontStack/monospace",
7
+ "collection": "typography",
8
+ "mode": "default",
9
+ "group": "typography",
10
+ "scopes": ["ALL_SCOPES"]
11
+ },
12
+ {
13
+ "name": "fontStack/sansSerif",
14
+ "value": "SF Pro Text",
15
+ "type": "STRING",
16
+ "refId": "typography/fontStack/sansSerif",
17
+ "collection": "typography",
18
+ "mode": "default",
19
+ "group": "typography",
20
+ "scopes": ["ALL_SCOPES"]
21
+ },
22
+ {
23
+ "name": "fontStack/system",
24
+ "value": "SF Pro Text",
25
+ "type": "STRING",
26
+ "refId": "typography/fontStack/system",
27
+ "collection": "typography",
28
+ "mode": "default",
29
+ "group": "typography",
30
+ "scopes": ["ALL_SCOPES"]
31
+ }
32
+ ]
package/dist/internalCss/dark-colorblind.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #ffffff1a;
421
426
  --avatar-borderColor: #ffffff26;
422
427
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #ffffff1a;
1244
1254
  --avatar-borderColor: #ffffff26;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
package/dist/internalCss/dark-dimmed.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #cdd9e51a;
421
426
  --avatar-borderColor: #cdd9e526;
422
427
  --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #cdd9e51a;
1244
1254
  --avatar-borderColor: #cdd9e526;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #22272e;
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #ffffff1a;
421
426
  --avatar-borderColor: #ffffffe6;
422
427
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #ffffff1a;
1244
1254
  --avatar-borderColor: #ffffffe6;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
package/dist/internalCss/dark-tritanopia.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #ffffff1a;
421
426
  --avatar-borderColor: #ffffff26;
422
427
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #ffffff1a;
1244
1254
  --avatar-borderColor: #ffffff26;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
package/dist/internalCss/dark.css CHANGED
@@ -417,6 +417,11 @@
417
417
  --display-indigo-fgColor: #9899ec;
418
418
  --display-indigo-borderColor-muted: #25215f;
419
419
  --display-indigo-borderColor-emphasis: #7070e1;
420
+ --display-pink-bgColor-muted: #2d1524;
421
+ --display-pink-bgColor-emphasis: #d34591;
422
+ --display-pink-fgColor: #e57bb2;
423
+ --display-pink-borderColor-muted: #451c35;
424
+ --display-pink-borderColor-emphasis: #d34591;
420
425
  --avatar-bgColor: #ffffff1a;
421
426
  --avatar-borderColor: #ffffff26;
422
427
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -1240,6 +1245,11 @@
1240
1245
  --display-indigo-fgColor: #9899ec;
1241
1246
  --display-indigo-borderColor-muted: #25215f;
1242
1247
  --display-indigo-borderColor-emphasis: #7070e1;
1248
+ --display-pink-bgColor-muted: #2d1524;
1249
+ --display-pink-bgColor-emphasis: #d34591;
1250
+ --display-pink-fgColor: #e57bb2;
1251
+ --display-pink-borderColor-muted: #451c35;
1252
+ --display-pink-borderColor-emphasis: #d34591;
1243
1253
  --avatar-bgColor: #ffffff1a;
1244
1254
  --avatar-borderColor: #ffffff26;
1245
1255
  --avatar-shadow: 0px 0px 0px 2px #0d1117;