@primer/primitives 7.15.6 → 7.15.7-rc.2f92cb1
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.
- package/dist/css/functional/size/size.css +1 -0
- package/dist/css/functional/themes/dark-colorblind.css +16 -38
- package/dist/css/functional/themes/dark-dimmed.css +16 -38
- package/dist/css/functional/themes/dark-high-contrast.css +12 -34
- package/dist/css/functional/themes/dark-tritanopia.css +16 -38
- package/dist/css/functional/themes/dark.css +16 -38
- package/dist/css/functional/themes/light-colorblind.css +4 -26
- package/dist/css/functional/themes/light-high-contrast.css +2 -24
- package/dist/css/functional/themes/light-tritanopia.css +4 -26
- package/dist/css/functional/themes/light.css +4 -26
- package/dist/docs/functional/size/size.json +25 -0
- package/dist/docs/functional/themes/dark-colorblind.json +41 -366
- package/dist/docs/functional/themes/dark-dimmed.json +41 -366
- package/dist/docs/functional/themes/dark-high-contrast.json +37 -362
- package/dist/docs/functional/themes/dark-tritanopia.json +41 -366
- package/dist/docs/functional/themes/dark.json +41 -366
- package/dist/docs/functional/themes/light-colorblind.json +34 -357
- package/dist/docs/functional/themes/light-high-contrast.json +31 -354
- package/dist/docs/functional/themes/light-tritanopia.json +34 -357
- package/dist/docs/functional/themes/light.json +34 -357
- package/dist/fallbacks/functional/size/size.json +2 -1
- package/dist/figma/dimension/dimension.json +10 -0
- package/dist/figma/themes/dark.json +36 -212
- package/dist/figma/themes/light.json +19 -194
- package/dist/scss/functional/size/size.scss +1 -0
- package/dist/scss/functional/themes/dark-colorblind.scss +8 -19
- package/dist/scss/functional/themes/dark-dimmed.scss +8 -19
- package/dist/scss/functional/themes/dark-high-contrast.scss +6 -17
- package/dist/scss/functional/themes/dark-tritanopia.scss +8 -19
- package/dist/scss/functional/themes/dark.scss +8 -19
- package/dist/scss/functional/themes/light-colorblind.scss +2 -13
- package/dist/scss/functional/themes/light-high-contrast.scss +1 -12
- package/dist/scss/functional/themes/light-tritanopia.scss +2 -13
- package/dist/scss/functional/themes/light.scss +2 -13
- package/package.json +1 -1
- package/tokens-next-private/css/functional/size/size.css +1 -0
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +16 -38
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +16 -38
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +12 -34
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +16 -38
- package/tokens-next-private/css/functional/themes/dark.css +16 -38
- package/tokens-next-private/css/functional/themes/light-colorblind.css +4 -26
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -24
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +4 -26
- package/tokens-next-private/css/functional/themes/light.css +4 -26
- package/tokens-next-private/docs/functional/size/size.json +25 -0
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +41 -366
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +41 -366
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +37 -362
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +41 -366
- package/tokens-next-private/docs/functional/themes/dark.json +41 -366
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +34 -357
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +31 -354
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +34 -357
- package/tokens-next-private/docs/functional/themes/light.json +34 -357
- package/tokens-next-private/fallbacks/functional/size/size.json +2 -1
- package/tokens-next-private/figma/dimension/dimension.json +10 -0
- package/tokens-next-private/figma/themes/dark.json +36 -212
- package/tokens-next-private/figma/themes/light.json +19 -194
- package/tokens-next-private/scss/functional/size/size.scss +1 -0
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +8 -19
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +8 -19
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +6 -17
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +8 -19
- package/tokens-next-private/scss/functional/themes/dark.scss +8 -19
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -13
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -12
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -13
- package/tokens-next-private/scss/functional/themes/light.scss +2 -13
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
|
@@ -1213,7 +1213,7 @@
|
|
|
1213
1213
|
"path": ["avatar", "bgColor"]
|
|
1214
1214
|
},
|
|
1215
1215
|
"avatar-borderColor": {
|
|
1216
|
-
"value": "#
|
|
1216
|
+
"value": "#444c56b3",
|
|
1217
1217
|
"$type": "color",
|
|
1218
1218
|
"$extensions": {
|
|
1219
1219
|
"org.primer.figma": {
|
|
@@ -3622,7 +3622,7 @@
|
|
|
3622
3622
|
"path": ["button", "primary", "shadow", "selected"]
|
|
3623
3623
|
},
|
|
3624
3624
|
"button-invisible-fgColor-rest": {
|
|
3625
|
-
"value": "#
|
|
3625
|
+
"value": "#478be6",
|
|
3626
3626
|
"$type": "color",
|
|
3627
3627
|
"$extensions": {
|
|
3628
3628
|
"org.primer.figma": {
|
|
@@ -4086,7 +4086,7 @@
|
|
|
4086
4086
|
"path": ["button", "outline", "fgColor", "active"]
|
|
4087
4087
|
},
|
|
4088
4088
|
"button-outline-fgColor-disabled": {
|
|
4089
|
-
"value": "#
|
|
4089
|
+
"value": "#478be680",
|
|
4090
4090
|
"$type": "color",
|
|
4091
4091
|
"$extensions": {
|
|
4092
4092
|
"org.primer.figma": {
|
|
@@ -5028,7 +5028,7 @@
|
|
|
5028
5028
|
"path": ["buttonCounter", "outline", "fgColor", "hover"]
|
|
5029
5029
|
},
|
|
5030
5030
|
"buttonCounter-outline-fgColor-disabled": {
|
|
5031
|
-
"value": "#
|
|
5031
|
+
"value": "#478be680",
|
|
5032
5032
|
"$type": "color",
|
|
5033
5033
|
"$extensions": {
|
|
5034
5034
|
"org.primer.figma": {
|
|
@@ -5603,6 +5603,37 @@
|
|
|
5603
5603
|
"attributes": {},
|
|
5604
5604
|
"path": ["underlineNav", "iconColor", "rest"]
|
|
5605
5605
|
},
|
|
5606
|
+
"selection-bgColor": {
|
|
5607
|
+
"value": "#478be633",
|
|
5608
|
+
"$type": "color",
|
|
5609
|
+
"$extensions": {
|
|
5610
|
+
"org.primer.figma": {
|
|
5611
|
+
"collection": "mode",
|
|
5612
|
+
"mode": "dark",
|
|
5613
|
+
"group": "component",
|
|
5614
|
+
"scopes": ["bgColor"]
|
|
5615
|
+
}
|
|
5616
|
+
},
|
|
5617
|
+
"alpha": 0.2,
|
|
5618
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5619
|
+
"isSource": true,
|
|
5620
|
+
"original": {
|
|
5621
|
+
"value": "{fgColor.link.@}",
|
|
5622
|
+
"$type": "color",
|
|
5623
|
+
"$extensions": {
|
|
5624
|
+
"org.primer.figma": {
|
|
5625
|
+
"collection": "mode",
|
|
5626
|
+
"mode": "dark",
|
|
5627
|
+
"group": "component",
|
|
5628
|
+
"scopes": ["bgColor"]
|
|
5629
|
+
}
|
|
5630
|
+
},
|
|
5631
|
+
"alpha": 0.2
|
|
5632
|
+
},
|
|
5633
|
+
"name": "selection-bgColor",
|
|
5634
|
+
"attributes": {},
|
|
5635
|
+
"path": ["selection", "bgColor"]
|
|
5636
|
+
},
|
|
5606
5637
|
"fgColor-default": {
|
|
5607
5638
|
"value": "#c5d1de",
|
|
5608
5639
|
"$type": "color",
|
|
@@ -5724,35 +5755,6 @@
|
|
|
5724
5755
|
"attributes": {},
|
|
5725
5756
|
"path": ["fgColor", "onEmphasis"]
|
|
5726
5757
|
},
|
|
5727
|
-
"fgColor-onInverse": {
|
|
5728
|
-
"value": "#22272e",
|
|
5729
|
-
"$type": "color",
|
|
5730
|
-
"$extensions": {
|
|
5731
|
-
"org.primer.figma": {
|
|
5732
|
-
"collection": "mode",
|
|
5733
|
-
"mode": "dark",
|
|
5734
|
-
"group": "semantic",
|
|
5735
|
-
"scopes": ["fgColor"]
|
|
5736
|
-
}
|
|
5737
|
-
},
|
|
5738
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
5739
|
-
"isSource": true,
|
|
5740
|
-
"original": {
|
|
5741
|
-
"value": "{base.color.gray.9}",
|
|
5742
|
-
"$type": "color",
|
|
5743
|
-
"$extensions": {
|
|
5744
|
-
"org.primer.figma": {
|
|
5745
|
-
"collection": "mode",
|
|
5746
|
-
"mode": "dark",
|
|
5747
|
-
"group": "semantic",
|
|
5748
|
-
"scopes": ["fgColor"]
|
|
5749
|
-
}
|
|
5750
|
-
}
|
|
5751
|
-
},
|
|
5752
|
-
"name": "fgColor-onInverse",
|
|
5753
|
-
"attributes": {},
|
|
5754
|
-
"path": ["fgColor", "onInverse"]
|
|
5755
|
-
},
|
|
5756
5758
|
"fgColor-disabled": {
|
|
5757
5759
|
"value": "#768390",
|
|
5758
5760
|
"$type": "color",
|
|
@@ -5783,7 +5785,7 @@
|
|
|
5783
5785
|
"path": ["fgColor", "disabled"]
|
|
5784
5786
|
},
|
|
5785
5787
|
"fgColor-link": {
|
|
5786
|
-
"value": "#
|
|
5788
|
+
"value": "#478be6",
|
|
5787
5789
|
"$type": "color",
|
|
5788
5790
|
"$extensions": {
|
|
5789
5791
|
"org.primer.figma": {
|
|
@@ -5817,35 +5819,6 @@
|
|
|
5817
5819
|
"attributes": {},
|
|
5818
5820
|
"path": ["fgColor", "link", "@"]
|
|
5819
5821
|
},
|
|
5820
|
-
"fgColor-link-onInverse": {
|
|
5821
|
-
"value": "#316dca",
|
|
5822
|
-
"$type": "color",
|
|
5823
|
-
"$extensions": {
|
|
5824
|
-
"org.primer.figma": {
|
|
5825
|
-
"collection": "mode",
|
|
5826
|
-
"mode": "dark",
|
|
5827
|
-
"group": "semantic",
|
|
5828
|
-
"scopes": ["fgColor"]
|
|
5829
|
-
}
|
|
5830
|
-
},
|
|
5831
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
5832
|
-
"isSource": true,
|
|
5833
|
-
"original": {
|
|
5834
|
-
"value": "{fgColor.accent.onInverse}",
|
|
5835
|
-
"$type": "color",
|
|
5836
|
-
"$extensions": {
|
|
5837
|
-
"org.primer.figma": {
|
|
5838
|
-
"collection": "mode",
|
|
5839
|
-
"mode": "dark",
|
|
5840
|
-
"group": "semantic",
|
|
5841
|
-
"scopes": ["fgColor"]
|
|
5842
|
-
}
|
|
5843
|
-
}
|
|
5844
|
-
},
|
|
5845
|
-
"name": "fgColor-link-onInverse",
|
|
5846
|
-
"attributes": {},
|
|
5847
|
-
"path": ["fgColor", "link", "onInverse"]
|
|
5848
|
-
},
|
|
5849
5822
|
"fgColor-neutral": {
|
|
5850
5823
|
"value": "#636e7b",
|
|
5851
5824
|
"$type": "color",
|
|
@@ -5875,37 +5848,8 @@
|
|
|
5875
5848
|
"attributes": {},
|
|
5876
5849
|
"path": ["fgColor", "neutral", "@"]
|
|
5877
5850
|
},
|
|
5878
|
-
"fgColor-neutral-onInverse": {
|
|
5879
|
-
"value": "#545d68",
|
|
5880
|
-
"$type": "color",
|
|
5881
|
-
"$extensions": {
|
|
5882
|
-
"org.primer.figma": {
|
|
5883
|
-
"collection": "mode",
|
|
5884
|
-
"mode": "dark",
|
|
5885
|
-
"group": "semantic",
|
|
5886
|
-
"scopes": ["fgColor"]
|
|
5887
|
-
}
|
|
5888
|
-
},
|
|
5889
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
5890
|
-
"isSource": true,
|
|
5891
|
-
"original": {
|
|
5892
|
-
"value": "{base.color.gray.5}",
|
|
5893
|
-
"$type": "color",
|
|
5894
|
-
"$extensions": {
|
|
5895
|
-
"org.primer.figma": {
|
|
5896
|
-
"collection": "mode",
|
|
5897
|
-
"mode": "dark",
|
|
5898
|
-
"group": "semantic",
|
|
5899
|
-
"scopes": ["fgColor"]
|
|
5900
|
-
}
|
|
5901
|
-
}
|
|
5902
|
-
},
|
|
5903
|
-
"name": "fgColor-neutral-onInverse",
|
|
5904
|
-
"attributes": {},
|
|
5905
|
-
"path": ["fgColor", "neutral", "onInverse"]
|
|
5906
|
-
},
|
|
5907
5851
|
"fgColor-accent": {
|
|
5908
|
-
"value": "#
|
|
5852
|
+
"value": "#478be6",
|
|
5909
5853
|
"$type": "color",
|
|
5910
5854
|
"$extensions": {
|
|
5911
5855
|
"org.primer.figma": {
|
|
@@ -5925,7 +5869,7 @@
|
|
|
5925
5869
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
5926
5870
|
"isSource": true,
|
|
5927
5871
|
"original": {
|
|
5928
|
-
"value": "{base.color.blue.
|
|
5872
|
+
"value": "{base.color.blue.3}",
|
|
5929
5873
|
"$type": "color",
|
|
5930
5874
|
"$extensions": {
|
|
5931
5875
|
"org.primer.figma": {
|
|
@@ -5947,35 +5891,6 @@
|
|
|
5947
5891
|
"attributes": {},
|
|
5948
5892
|
"path": ["fgColor", "accent", "@"]
|
|
5949
5893
|
},
|
|
5950
|
-
"fgColor-accent-onInverse": {
|
|
5951
|
-
"value": "#316dca",
|
|
5952
|
-
"$type": "color",
|
|
5953
|
-
"$extensions": {
|
|
5954
|
-
"org.primer.figma": {
|
|
5955
|
-
"collection": "mode",
|
|
5956
|
-
"mode": "dark",
|
|
5957
|
-
"group": "semantic",
|
|
5958
|
-
"scopes": ["fgColor"]
|
|
5959
|
-
}
|
|
5960
|
-
},
|
|
5961
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
5962
|
-
"isSource": true,
|
|
5963
|
-
"original": {
|
|
5964
|
-
"value": "{base.color.blue.5}",
|
|
5965
|
-
"$type": "color",
|
|
5966
|
-
"$extensions": {
|
|
5967
|
-
"org.primer.figma": {
|
|
5968
|
-
"collection": "mode",
|
|
5969
|
-
"mode": "dark",
|
|
5970
|
-
"group": "semantic",
|
|
5971
|
-
"scopes": ["fgColor"]
|
|
5972
|
-
}
|
|
5973
|
-
}
|
|
5974
|
-
},
|
|
5975
|
-
"name": "fgColor-accent-onInverse",
|
|
5976
|
-
"attributes": {},
|
|
5977
|
-
"path": ["fgColor", "accent", "onInverse"]
|
|
5978
|
-
},
|
|
5979
5894
|
"fgColor-success": {
|
|
5980
5895
|
"value": "#57ab5a",
|
|
5981
5896
|
"$type": "color",
|
|
@@ -6011,35 +5926,6 @@
|
|
|
6011
5926
|
"attributes": {},
|
|
6012
5927
|
"path": ["fgColor", "success", "@"]
|
|
6013
5928
|
},
|
|
6014
|
-
"fgColor-success-onInverse": {
|
|
6015
|
-
"value": "#347d39",
|
|
6016
|
-
"$type": "color",
|
|
6017
|
-
"$extensions": {
|
|
6018
|
-
"org.primer.figma": {
|
|
6019
|
-
"collection": "mode",
|
|
6020
|
-
"mode": "dark",
|
|
6021
|
-
"group": "semantic",
|
|
6022
|
-
"scopes": ["fgColor"]
|
|
6023
|
-
}
|
|
6024
|
-
},
|
|
6025
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6026
|
-
"isSource": true,
|
|
6027
|
-
"original": {
|
|
6028
|
-
"value": "{base.color.green.5}",
|
|
6029
|
-
"$type": "color",
|
|
6030
|
-
"$extensions": {
|
|
6031
|
-
"org.primer.figma": {
|
|
6032
|
-
"collection": "mode",
|
|
6033
|
-
"mode": "dark",
|
|
6034
|
-
"group": "semantic",
|
|
6035
|
-
"scopes": ["fgColor"]
|
|
6036
|
-
}
|
|
6037
|
-
}
|
|
6038
|
-
},
|
|
6039
|
-
"name": "fgColor-success-onInverse",
|
|
6040
|
-
"attributes": {},
|
|
6041
|
-
"path": ["fgColor", "success", "onInverse"]
|
|
6042
|
-
},
|
|
6043
5929
|
"fgColor-attention": {
|
|
6044
5930
|
"value": "#c69026",
|
|
6045
5931
|
"$type": "color",
|
|
@@ -6075,35 +5961,6 @@
|
|
|
6075
5961
|
"attributes": {},
|
|
6076
5962
|
"path": ["fgColor", "attention", "@"]
|
|
6077
5963
|
},
|
|
6078
|
-
"fgColor-attention-onInverse": {
|
|
6079
|
-
"value": "#966600",
|
|
6080
|
-
"$type": "color",
|
|
6081
|
-
"$extensions": {
|
|
6082
|
-
"org.primer.figma": {
|
|
6083
|
-
"collection": "mode",
|
|
6084
|
-
"mode": "dark",
|
|
6085
|
-
"group": "semantic",
|
|
6086
|
-
"scopes": ["fgColor"]
|
|
6087
|
-
}
|
|
6088
|
-
},
|
|
6089
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6090
|
-
"isSource": true,
|
|
6091
|
-
"original": {
|
|
6092
|
-
"value": "{base.color.yellow.5}",
|
|
6093
|
-
"$type": "color",
|
|
6094
|
-
"$extensions": {
|
|
6095
|
-
"org.primer.figma": {
|
|
6096
|
-
"collection": "mode",
|
|
6097
|
-
"mode": "dark",
|
|
6098
|
-
"group": "semantic",
|
|
6099
|
-
"scopes": ["fgColor"]
|
|
6100
|
-
}
|
|
6101
|
-
}
|
|
6102
|
-
},
|
|
6103
|
-
"name": "fgColor-attention-onInverse",
|
|
6104
|
-
"attributes": {},
|
|
6105
|
-
"path": ["fgColor", "attention", "onInverse"]
|
|
6106
|
-
},
|
|
6107
5964
|
"fgColor-severe": {
|
|
6108
5965
|
"value": "#cc6b2c",
|
|
6109
5966
|
"$type": "color",
|
|
@@ -6139,35 +5996,6 @@
|
|
|
6139
5996
|
"attributes": {},
|
|
6140
5997
|
"path": ["fgColor", "severe", "@"]
|
|
6141
5998
|
},
|
|
6142
|
-
"fgColor-severe-onInverse": {
|
|
6143
|
-
"value": "#ae5622",
|
|
6144
|
-
"$type": "color",
|
|
6145
|
-
"$extensions": {
|
|
6146
|
-
"org.primer.figma": {
|
|
6147
|
-
"collection": "mode",
|
|
6148
|
-
"mode": "dark",
|
|
6149
|
-
"group": "semantic",
|
|
6150
|
-
"scopes": ["fgColor"]
|
|
6151
|
-
}
|
|
6152
|
-
},
|
|
6153
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6154
|
-
"isSource": true,
|
|
6155
|
-
"original": {
|
|
6156
|
-
"value": "{base.color.orange.5}",
|
|
6157
|
-
"$type": "color",
|
|
6158
|
-
"$extensions": {
|
|
6159
|
-
"org.primer.figma": {
|
|
6160
|
-
"collection": "mode",
|
|
6161
|
-
"mode": "dark",
|
|
6162
|
-
"group": "semantic",
|
|
6163
|
-
"scopes": ["fgColor"]
|
|
6164
|
-
}
|
|
6165
|
-
}
|
|
6166
|
-
},
|
|
6167
|
-
"name": "fgColor-severe-onInverse",
|
|
6168
|
-
"attributes": {},
|
|
6169
|
-
"path": ["fgColor", "severe", "onInverse"]
|
|
6170
|
-
},
|
|
6171
5999
|
"fgColor-danger": {
|
|
6172
6000
|
"value": "#e5534b",
|
|
6173
6001
|
"$type": "color",
|
|
@@ -6203,43 +6031,6 @@
|
|
|
6203
6031
|
"attributes": {},
|
|
6204
6032
|
"path": ["fgColor", "danger", "@"]
|
|
6205
6033
|
},
|
|
6206
|
-
"fgColor-danger-onInverse": {
|
|
6207
|
-
"value": "#ca3d38",
|
|
6208
|
-
"$type": "color",
|
|
6209
|
-
"mix": {
|
|
6210
|
-
"color": "#e5534b",
|
|
6211
|
-
"weight": 0.05
|
|
6212
|
-
},
|
|
6213
|
-
"$extensions": {
|
|
6214
|
-
"org.primer.figma": {
|
|
6215
|
-
"collection": "mode",
|
|
6216
|
-
"mode": "dark",
|
|
6217
|
-
"group": "semantic",
|
|
6218
|
-
"scopes": ["fgColor"]
|
|
6219
|
-
}
|
|
6220
|
-
},
|
|
6221
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6222
|
-
"isSource": true,
|
|
6223
|
-
"original": {
|
|
6224
|
-
"value": "{base.color.red.5}",
|
|
6225
|
-
"$type": "color",
|
|
6226
|
-
"mix": {
|
|
6227
|
-
"color": "{base.color.red.4}",
|
|
6228
|
-
"weight": 0.05
|
|
6229
|
-
},
|
|
6230
|
-
"$extensions": {
|
|
6231
|
-
"org.primer.figma": {
|
|
6232
|
-
"collection": "mode",
|
|
6233
|
-
"mode": "dark",
|
|
6234
|
-
"group": "semantic",
|
|
6235
|
-
"scopes": ["fgColor"]
|
|
6236
|
-
}
|
|
6237
|
-
}
|
|
6238
|
-
},
|
|
6239
|
-
"name": "fgColor-danger-onInverse",
|
|
6240
|
-
"attributes": {},
|
|
6241
|
-
"path": ["fgColor", "danger", "onInverse"]
|
|
6242
|
-
},
|
|
6243
6034
|
"fgColor-open": {
|
|
6244
6035
|
"value": "#57ab5a",
|
|
6245
6036
|
"$type": "color",
|
|
@@ -6275,35 +6066,6 @@
|
|
|
6275
6066
|
"attributes": {},
|
|
6276
6067
|
"path": ["fgColor", "open", "@"]
|
|
6277
6068
|
},
|
|
6278
|
-
"fgColor-open-onInverse": {
|
|
6279
|
-
"value": "#347d39",
|
|
6280
|
-
"$type": "color",
|
|
6281
|
-
"$extensions": {
|
|
6282
|
-
"org.primer.figma": {
|
|
6283
|
-
"collection": "mode",
|
|
6284
|
-
"mode": "dark",
|
|
6285
|
-
"group": "semantic",
|
|
6286
|
-
"scopes": ["fgColor"]
|
|
6287
|
-
}
|
|
6288
|
-
},
|
|
6289
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6290
|
-
"isSource": true,
|
|
6291
|
-
"original": {
|
|
6292
|
-
"value": "{fgColor.success.onInverse}",
|
|
6293
|
-
"$type": "color",
|
|
6294
|
-
"$extensions": {
|
|
6295
|
-
"org.primer.figma": {
|
|
6296
|
-
"collection": "mode",
|
|
6297
|
-
"mode": "dark",
|
|
6298
|
-
"group": "semantic",
|
|
6299
|
-
"scopes": ["fgColor"]
|
|
6300
|
-
}
|
|
6301
|
-
}
|
|
6302
|
-
},
|
|
6303
|
-
"name": "fgColor-open-onInverse",
|
|
6304
|
-
"attributes": {},
|
|
6305
|
-
"path": ["fgColor", "open", "onInverse"]
|
|
6306
|
-
},
|
|
6307
6069
|
"fgColor-closed": {
|
|
6308
6070
|
"value": "#e5534b",
|
|
6309
6071
|
"$type": "color",
|
|
@@ -6339,35 +6101,6 @@
|
|
|
6339
6101
|
"attributes": {},
|
|
6340
6102
|
"path": ["fgColor", "closed", "@"]
|
|
6341
6103
|
},
|
|
6342
|
-
"fgColor-closed-onInverse": {
|
|
6343
|
-
"value": "#ca3d38",
|
|
6344
|
-
"$type": "color",
|
|
6345
|
-
"$extensions": {
|
|
6346
|
-
"org.primer.figma": {
|
|
6347
|
-
"collection": "mode",
|
|
6348
|
-
"mode": "dark",
|
|
6349
|
-
"group": "semantic",
|
|
6350
|
-
"scopes": ["fgColor"]
|
|
6351
|
-
}
|
|
6352
|
-
},
|
|
6353
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6354
|
-
"isSource": true,
|
|
6355
|
-
"original": {
|
|
6356
|
-
"value": "{fgColor.danger.onInverse}",
|
|
6357
|
-
"$type": "color",
|
|
6358
|
-
"$extensions": {
|
|
6359
|
-
"org.primer.figma": {
|
|
6360
|
-
"collection": "mode",
|
|
6361
|
-
"mode": "dark",
|
|
6362
|
-
"group": "semantic",
|
|
6363
|
-
"scopes": ["fgColor"]
|
|
6364
|
-
}
|
|
6365
|
-
}
|
|
6366
|
-
},
|
|
6367
|
-
"name": "fgColor-closed-onInverse",
|
|
6368
|
-
"attributes": {},
|
|
6369
|
-
"path": ["fgColor", "closed", "onInverse"]
|
|
6370
|
-
},
|
|
6371
6104
|
"fgColor-done": {
|
|
6372
6105
|
"value": "#986ee2",
|
|
6373
6106
|
"$type": "color",
|
|
@@ -6403,35 +6136,6 @@
|
|
|
6403
6136
|
"attributes": {},
|
|
6404
6137
|
"path": ["fgColor", "done", "@"]
|
|
6405
6138
|
},
|
|
6406
|
-
"fgColor-done-onInverse": {
|
|
6407
|
-
"value": "#8256d0",
|
|
6408
|
-
"$type": "color",
|
|
6409
|
-
"$extensions": {
|
|
6410
|
-
"org.primer.figma": {
|
|
6411
|
-
"collection": "mode",
|
|
6412
|
-
"mode": "dark",
|
|
6413
|
-
"group": "semantic",
|
|
6414
|
-
"scopes": ["fgColor"]
|
|
6415
|
-
}
|
|
6416
|
-
},
|
|
6417
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6418
|
-
"isSource": true,
|
|
6419
|
-
"original": {
|
|
6420
|
-
"value": "{base.color.purple.5}",
|
|
6421
|
-
"$type": "color",
|
|
6422
|
-
"$extensions": {
|
|
6423
|
-
"org.primer.figma": {
|
|
6424
|
-
"collection": "mode",
|
|
6425
|
-
"mode": "dark",
|
|
6426
|
-
"group": "semantic",
|
|
6427
|
-
"scopes": ["fgColor"]
|
|
6428
|
-
}
|
|
6429
|
-
}
|
|
6430
|
-
},
|
|
6431
|
-
"name": "fgColor-done-onInverse",
|
|
6432
|
-
"attributes": {},
|
|
6433
|
-
"path": ["fgColor", "done", "onInverse"]
|
|
6434
|
-
},
|
|
6435
6139
|
"fgColor-sponsors": {
|
|
6436
6140
|
"value": "#c96198",
|
|
6437
6141
|
"$type": "color",
|
|
@@ -6467,35 +6171,6 @@
|
|
|
6467
6171
|
"attributes": {},
|
|
6468
6172
|
"path": ["fgColor", "sponsors", "@"]
|
|
6469
6173
|
},
|
|
6470
|
-
"fgColor-sponsors-onInverse": {
|
|
6471
|
-
"value": "#ae4c82",
|
|
6472
|
-
"$type": "color",
|
|
6473
|
-
"$extensions": {
|
|
6474
|
-
"org.primer.figma": {
|
|
6475
|
-
"collection": "mode",
|
|
6476
|
-
"mode": "dark",
|
|
6477
|
-
"group": "semantic",
|
|
6478
|
-
"scopes": ["fgColor"]
|
|
6479
|
-
}
|
|
6480
|
-
},
|
|
6481
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6482
|
-
"isSource": true,
|
|
6483
|
-
"original": {
|
|
6484
|
-
"value": "{base.color.pink.5}",
|
|
6485
|
-
"$type": "color",
|
|
6486
|
-
"$extensions": {
|
|
6487
|
-
"org.primer.figma": {
|
|
6488
|
-
"collection": "mode",
|
|
6489
|
-
"mode": "dark",
|
|
6490
|
-
"group": "semantic",
|
|
6491
|
-
"scopes": ["fgColor"]
|
|
6492
|
-
}
|
|
6493
|
-
}
|
|
6494
|
-
},
|
|
6495
|
-
"name": "fgColor-sponsors-onInverse",
|
|
6496
|
-
"attributes": {},
|
|
6497
|
-
"path": ["fgColor", "sponsors", "onInverse"]
|
|
6498
|
-
},
|
|
6499
6174
|
"bgColor-default": {
|
|
6500
6175
|
"value": "#22272e",
|
|
6501
6176
|
"$type": "color",
|
|
@@ -7473,7 +7148,7 @@
|
|
|
7473
7148
|
"path": ["borderColor", "default"]
|
|
7474
7149
|
},
|
|
7475
7150
|
"borderColor-muted": {
|
|
7476
|
-
"value": "#
|
|
7151
|
+
"value": "#444c56b3",
|
|
7477
7152
|
"$type": "color",
|
|
7478
7153
|
"$extensions": {
|
|
7479
7154
|
"org.primer.figma": {
|
|
@@ -7486,7 +7161,7 @@
|
|
|
7486
7161
|
}
|
|
7487
7162
|
}
|
|
7488
7163
|
},
|
|
7489
|
-
"alpha": 0.
|
|
7164
|
+
"alpha": 0.7,
|
|
7490
7165
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
7491
7166
|
"isSource": true,
|
|
7492
7167
|
"original": {
|
|
@@ -7503,7 +7178,7 @@
|
|
|
7503
7178
|
}
|
|
7504
7179
|
}
|
|
7505
7180
|
},
|
|
7506
|
-
"alpha": 0.
|
|
7181
|
+
"alpha": 0.7
|
|
7507
7182
|
},
|
|
7508
7183
|
"name": "borderColor-muted",
|
|
7509
7184
|
"attributes": {},
|