@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
|
@@ -5610,6 +5610,37 @@
|
|
|
5610
5610
|
"attributes": {},
|
|
5611
5611
|
"path": ["underlineNav", "iconColor", "rest"]
|
|
5612
5612
|
},
|
|
5613
|
+
"selection-bgColor": {
|
|
5614
|
+
"value": "#0969da1a",
|
|
5615
|
+
"$type": "color",
|
|
5616
|
+
"$extensions": {
|
|
5617
|
+
"org.primer.figma": {
|
|
5618
|
+
"collection": "mode",
|
|
5619
|
+
"mode": "light",
|
|
5620
|
+
"group": "component",
|
|
5621
|
+
"scopes": ["bgColor"]
|
|
5622
|
+
}
|
|
5623
|
+
},
|
|
5624
|
+
"alpha": 0.1,
|
|
5625
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5626
|
+
"isSource": true,
|
|
5627
|
+
"original": {
|
|
5628
|
+
"value": "{fgColor.link.@}",
|
|
5629
|
+
"$type": "color",
|
|
5630
|
+
"$extensions": {
|
|
5631
|
+
"org.primer.figma": {
|
|
5632
|
+
"collection": "mode",
|
|
5633
|
+
"mode": "light",
|
|
5634
|
+
"group": "component",
|
|
5635
|
+
"scopes": ["bgColor"]
|
|
5636
|
+
}
|
|
5637
|
+
},
|
|
5638
|
+
"alpha": 0.1
|
|
5639
|
+
},
|
|
5640
|
+
"name": "selection-bgColor",
|
|
5641
|
+
"attributes": {},
|
|
5642
|
+
"path": ["selection", "bgColor"]
|
|
5643
|
+
},
|
|
5613
5644
|
"fgColor-default": {
|
|
5614
5645
|
"value": "#1f2328",
|
|
5615
5646
|
"$type": "color",
|
|
@@ -5723,35 +5754,6 @@
|
|
|
5723
5754
|
"attributes": {},
|
|
5724
5755
|
"path": ["fgColor", "onEmphasis"]
|
|
5725
5756
|
},
|
|
5726
|
-
"fgColor-onInverse": {
|
|
5727
|
-
"value": "#f6f8fa",
|
|
5728
|
-
"$type": "color",
|
|
5729
|
-
"$extensions": {
|
|
5730
|
-
"org.primer.figma": {
|
|
5731
|
-
"collection": "mode",
|
|
5732
|
-
"mode": "light",
|
|
5733
|
-
"group": "semantic",
|
|
5734
|
-
"scopes": ["fgColor"]
|
|
5735
|
-
}
|
|
5736
|
-
},
|
|
5737
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
5738
|
-
"isSource": true,
|
|
5739
|
-
"original": {
|
|
5740
|
-
"value": "{base.color.gray.0}",
|
|
5741
|
-
"$type": "color",
|
|
5742
|
-
"$extensions": {
|
|
5743
|
-
"org.primer.figma": {
|
|
5744
|
-
"collection": "mode",
|
|
5745
|
-
"mode": "light",
|
|
5746
|
-
"group": "semantic",
|
|
5747
|
-
"scopes": ["fgColor"]
|
|
5748
|
-
}
|
|
5749
|
-
}
|
|
5750
|
-
},
|
|
5751
|
-
"name": "fgColor-onInverse",
|
|
5752
|
-
"attributes": {},
|
|
5753
|
-
"path": ["fgColor", "onInverse"]
|
|
5754
|
-
},
|
|
5755
5757
|
"fgColor-disabled": {
|
|
5756
5758
|
"value": "#8c959f",
|
|
5757
5759
|
"$type": "color",
|
|
@@ -5816,35 +5818,6 @@
|
|
|
5816
5818
|
"attributes": {},
|
|
5817
5819
|
"path": ["fgColor", "link", "@"]
|
|
5818
5820
|
},
|
|
5819
|
-
"fgColor-link-onInverse": {
|
|
5820
|
-
"value": "#54aeff",
|
|
5821
|
-
"$type": "color",
|
|
5822
|
-
"$extensions": {
|
|
5823
|
-
"org.primer.figma": {
|
|
5824
|
-
"collection": "mode",
|
|
5825
|
-
"mode": "light",
|
|
5826
|
-
"group": "semantic",
|
|
5827
|
-
"scopes": ["fgColor"]
|
|
5828
|
-
}
|
|
5829
|
-
},
|
|
5830
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
5831
|
-
"isSource": true,
|
|
5832
|
-
"original": {
|
|
5833
|
-
"value": "{fgColor.accent.onInverse}",
|
|
5834
|
-
"$type": "color",
|
|
5835
|
-
"$extensions": {
|
|
5836
|
-
"org.primer.figma": {
|
|
5837
|
-
"collection": "mode",
|
|
5838
|
-
"mode": "light",
|
|
5839
|
-
"group": "semantic",
|
|
5840
|
-
"scopes": ["fgColor"]
|
|
5841
|
-
}
|
|
5842
|
-
}
|
|
5843
|
-
},
|
|
5844
|
-
"name": "fgColor-link-onInverse",
|
|
5845
|
-
"attributes": {},
|
|
5846
|
-
"path": ["fgColor", "link", "onInverse"]
|
|
5847
|
-
},
|
|
5848
5821
|
"fgColor-neutral": {
|
|
5849
5822
|
"value": "#6e7781",
|
|
5850
5823
|
"$type": "color",
|
|
@@ -5874,35 +5847,6 @@
|
|
|
5874
5847
|
"attributes": {},
|
|
5875
5848
|
"path": ["fgColor", "neutral", "@"]
|
|
5876
5849
|
},
|
|
5877
|
-
"fgColor-neutral-onInverse": {
|
|
5878
|
-
"value": "#8c959f",
|
|
5879
|
-
"$type": "color",
|
|
5880
|
-
"$extensions": {
|
|
5881
|
-
"org.primer.figma": {
|
|
5882
|
-
"collection": "mode",
|
|
5883
|
-
"mode": "light",
|
|
5884
|
-
"group": "semantic",
|
|
5885
|
-
"scopes": ["fgColor"]
|
|
5886
|
-
}
|
|
5887
|
-
},
|
|
5888
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
5889
|
-
"isSource": true,
|
|
5890
|
-
"original": {
|
|
5891
|
-
"value": "{base.color.gray.4}",
|
|
5892
|
-
"$type": "color",
|
|
5893
|
-
"$extensions": {
|
|
5894
|
-
"org.primer.figma": {
|
|
5895
|
-
"collection": "mode",
|
|
5896
|
-
"mode": "light",
|
|
5897
|
-
"group": "semantic",
|
|
5898
|
-
"scopes": ["fgColor"]
|
|
5899
|
-
}
|
|
5900
|
-
}
|
|
5901
|
-
},
|
|
5902
|
-
"name": "fgColor-neutral-onInverse",
|
|
5903
|
-
"attributes": {},
|
|
5904
|
-
"path": ["fgColor", "neutral", "onInverse"]
|
|
5905
|
-
},
|
|
5906
5850
|
"fgColor-accent": {
|
|
5907
5851
|
"value": "#0969da",
|
|
5908
5852
|
"$type": "color",
|
|
@@ -5938,35 +5882,6 @@
|
|
|
5938
5882
|
"attributes": {},
|
|
5939
5883
|
"path": ["fgColor", "accent", "@"]
|
|
5940
5884
|
},
|
|
5941
|
-
"fgColor-accent-onInverse": {
|
|
5942
|
-
"value": "#54aeff",
|
|
5943
|
-
"$type": "color",
|
|
5944
|
-
"$extensions": {
|
|
5945
|
-
"org.primer.figma": {
|
|
5946
|
-
"collection": "mode",
|
|
5947
|
-
"mode": "light",
|
|
5948
|
-
"group": "semantic",
|
|
5949
|
-
"scopes": ["fgColor"]
|
|
5950
|
-
}
|
|
5951
|
-
},
|
|
5952
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
5953
|
-
"isSource": true,
|
|
5954
|
-
"original": {
|
|
5955
|
-
"value": "{base.color.blue.3}",
|
|
5956
|
-
"$type": "color",
|
|
5957
|
-
"$extensions": {
|
|
5958
|
-
"org.primer.figma": {
|
|
5959
|
-
"collection": "mode",
|
|
5960
|
-
"mode": "light",
|
|
5961
|
-
"group": "semantic",
|
|
5962
|
-
"scopes": ["fgColor"]
|
|
5963
|
-
}
|
|
5964
|
-
}
|
|
5965
|
-
},
|
|
5966
|
-
"name": "fgColor-accent-onInverse",
|
|
5967
|
-
"attributes": {},
|
|
5968
|
-
"path": ["fgColor", "accent", "onInverse"]
|
|
5969
|
-
},
|
|
5970
5885
|
"fgColor-success": {
|
|
5971
5886
|
"value": "#1a7f37",
|
|
5972
5887
|
"$type": "color",
|
|
@@ -6002,35 +5917,6 @@
|
|
|
6002
5917
|
"attributes": {},
|
|
6003
5918
|
"path": ["fgColor", "success", "@"]
|
|
6004
5919
|
},
|
|
6005
|
-
"fgColor-success-onInverse": {
|
|
6006
|
-
"value": "#4ac26b",
|
|
6007
|
-
"$type": "color",
|
|
6008
|
-
"$extensions": {
|
|
6009
|
-
"org.primer.figma": {
|
|
6010
|
-
"collection": "mode",
|
|
6011
|
-
"mode": "light",
|
|
6012
|
-
"group": "semantic",
|
|
6013
|
-
"scopes": ["fgColor"]
|
|
6014
|
-
}
|
|
6015
|
-
},
|
|
6016
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
6017
|
-
"isSource": true,
|
|
6018
|
-
"original": {
|
|
6019
|
-
"value": "{base.color.green.3}",
|
|
6020
|
-
"$type": "color",
|
|
6021
|
-
"$extensions": {
|
|
6022
|
-
"org.primer.figma": {
|
|
6023
|
-
"collection": "mode",
|
|
6024
|
-
"mode": "light",
|
|
6025
|
-
"group": "semantic",
|
|
6026
|
-
"scopes": ["fgColor"]
|
|
6027
|
-
}
|
|
6028
|
-
}
|
|
6029
|
-
},
|
|
6030
|
-
"name": "fgColor-success-onInverse",
|
|
6031
|
-
"attributes": {},
|
|
6032
|
-
"path": ["fgColor", "success", "onInverse"]
|
|
6033
|
-
},
|
|
6034
5920
|
"fgColor-attention": {
|
|
6035
5921
|
"value": "#9a6700",
|
|
6036
5922
|
"$type": "color",
|
|
@@ -6066,35 +5952,6 @@
|
|
|
6066
5952
|
"attributes": {},
|
|
6067
5953
|
"path": ["fgColor", "attention", "@"]
|
|
6068
5954
|
},
|
|
6069
|
-
"fgColor-attention-onInverse": {
|
|
6070
|
-
"value": "#d4a72c",
|
|
6071
|
-
"$type": "color",
|
|
6072
|
-
"$extensions": {
|
|
6073
|
-
"org.primer.figma": {
|
|
6074
|
-
"collection": "mode",
|
|
6075
|
-
"mode": "light",
|
|
6076
|
-
"group": "semantic",
|
|
6077
|
-
"scopes": ["fgColor"]
|
|
6078
|
-
}
|
|
6079
|
-
},
|
|
6080
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
6081
|
-
"isSource": true,
|
|
6082
|
-
"original": {
|
|
6083
|
-
"value": "{base.color.yellow.3}",
|
|
6084
|
-
"$type": "color",
|
|
6085
|
-
"$extensions": {
|
|
6086
|
-
"org.primer.figma": {
|
|
6087
|
-
"collection": "mode",
|
|
6088
|
-
"mode": "light",
|
|
6089
|
-
"group": "semantic",
|
|
6090
|
-
"scopes": ["fgColor"]
|
|
6091
|
-
}
|
|
6092
|
-
}
|
|
6093
|
-
},
|
|
6094
|
-
"name": "fgColor-attention-onInverse",
|
|
6095
|
-
"attributes": {},
|
|
6096
|
-
"path": ["fgColor", "attention", "onInverse"]
|
|
6097
|
-
},
|
|
6098
5955
|
"fgColor-severe": {
|
|
6099
5956
|
"value": "#bc4c00",
|
|
6100
5957
|
"$type": "color",
|
|
@@ -6130,35 +5987,6 @@
|
|
|
6130
5987
|
"attributes": {},
|
|
6131
5988
|
"path": ["fgColor", "severe", "@"]
|
|
6132
5989
|
},
|
|
6133
|
-
"fgColor-severe-onInverse": {
|
|
6134
|
-
"value": "#fb8f44",
|
|
6135
|
-
"$type": "color",
|
|
6136
|
-
"$extensions": {
|
|
6137
|
-
"org.primer.figma": {
|
|
6138
|
-
"collection": "mode",
|
|
6139
|
-
"mode": "light",
|
|
6140
|
-
"group": "semantic",
|
|
6141
|
-
"scopes": ["fgColor"]
|
|
6142
|
-
}
|
|
6143
|
-
},
|
|
6144
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
6145
|
-
"isSource": true,
|
|
6146
|
-
"original": {
|
|
6147
|
-
"value": "{base.color.orange.3}",
|
|
6148
|
-
"$type": "color",
|
|
6149
|
-
"$extensions": {
|
|
6150
|
-
"org.primer.figma": {
|
|
6151
|
-
"collection": "mode",
|
|
6152
|
-
"mode": "light",
|
|
6153
|
-
"group": "semantic",
|
|
6154
|
-
"scopes": ["fgColor"]
|
|
6155
|
-
}
|
|
6156
|
-
}
|
|
6157
|
-
},
|
|
6158
|
-
"name": "fgColor-severe-onInverse",
|
|
6159
|
-
"attributes": {},
|
|
6160
|
-
"path": ["fgColor", "severe", "onInverse"]
|
|
6161
|
-
},
|
|
6162
5990
|
"fgColor-danger": {
|
|
6163
5991
|
"value": "#d1242f",
|
|
6164
5992
|
"$type": "color",
|
|
@@ -6202,37 +6030,6 @@
|
|
|
6202
6030
|
"attributes": {},
|
|
6203
6031
|
"path": ["fgColor", "danger", "@"]
|
|
6204
6032
|
},
|
|
6205
|
-
"fgColor-danger-onInverse": {
|
|
6206
|
-
"value": "#fa4549",
|
|
6207
|
-
"$type": "color",
|
|
6208
|
-
"mix": null,
|
|
6209
|
-
"$extensions": {
|
|
6210
|
-
"org.primer.figma": {
|
|
6211
|
-
"collection": "mode",
|
|
6212
|
-
"mode": "light",
|
|
6213
|
-
"group": "semantic",
|
|
6214
|
-
"scopes": ["fgColor"]
|
|
6215
|
-
}
|
|
6216
|
-
},
|
|
6217
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
6218
|
-
"isSource": true,
|
|
6219
|
-
"original": {
|
|
6220
|
-
"value": "{base.color.red.4}",
|
|
6221
|
-
"$type": "color",
|
|
6222
|
-
"mix": null,
|
|
6223
|
-
"$extensions": {
|
|
6224
|
-
"org.primer.figma": {
|
|
6225
|
-
"collection": "mode",
|
|
6226
|
-
"mode": "light",
|
|
6227
|
-
"group": "semantic",
|
|
6228
|
-
"scopes": ["fgColor"]
|
|
6229
|
-
}
|
|
6230
|
-
}
|
|
6231
|
-
},
|
|
6232
|
-
"name": "fgColor-danger-onInverse",
|
|
6233
|
-
"attributes": {},
|
|
6234
|
-
"path": ["fgColor", "danger", "onInverse"]
|
|
6235
|
-
},
|
|
6236
6033
|
"fgColor-open": {
|
|
6237
6034
|
"value": "#1a7f37",
|
|
6238
6035
|
"$type": "color",
|
|
@@ -6268,37 +6065,6 @@
|
|
|
6268
6065
|
"attributes": {},
|
|
6269
6066
|
"path": ["fgColor", "open", "@"]
|
|
6270
6067
|
},
|
|
6271
|
-
"fgColor-open-onInverse": {
|
|
6272
|
-
"value": "#4ac26b",
|
|
6273
|
-
"$type": "color",
|
|
6274
|
-
"mix": null,
|
|
6275
|
-
"$extensions": {
|
|
6276
|
-
"org.primer.figma": {
|
|
6277
|
-
"collection": "mode",
|
|
6278
|
-
"mode": "light",
|
|
6279
|
-
"group": "semantic",
|
|
6280
|
-
"scopes": ["fgColor"]
|
|
6281
|
-
}
|
|
6282
|
-
},
|
|
6283
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
6284
|
-
"isSource": true,
|
|
6285
|
-
"original": {
|
|
6286
|
-
"value": "{fgColor.success.onInverse}",
|
|
6287
|
-
"$type": "color",
|
|
6288
|
-
"mix": null,
|
|
6289
|
-
"$extensions": {
|
|
6290
|
-
"org.primer.figma": {
|
|
6291
|
-
"collection": "mode",
|
|
6292
|
-
"mode": "light",
|
|
6293
|
-
"group": "semantic",
|
|
6294
|
-
"scopes": ["fgColor"]
|
|
6295
|
-
}
|
|
6296
|
-
}
|
|
6297
|
-
},
|
|
6298
|
-
"name": "fgColor-open-onInverse",
|
|
6299
|
-
"attributes": {},
|
|
6300
|
-
"path": ["fgColor", "open", "onInverse"]
|
|
6301
|
-
},
|
|
6302
6068
|
"fgColor-closed": {
|
|
6303
6069
|
"value": "#d1242f",
|
|
6304
6070
|
"$type": "color",
|
|
@@ -6334,37 +6100,6 @@
|
|
|
6334
6100
|
"attributes": {},
|
|
6335
6101
|
"path": ["fgColor", "closed", "@"]
|
|
6336
6102
|
},
|
|
6337
|
-
"fgColor-closed-onInverse": {
|
|
6338
|
-
"value": "#fa4549",
|
|
6339
|
-
"$type": "color",
|
|
6340
|
-
"mix": null,
|
|
6341
|
-
"$extensions": {
|
|
6342
|
-
"org.primer.figma": {
|
|
6343
|
-
"collection": "mode",
|
|
6344
|
-
"mode": "light",
|
|
6345
|
-
"group": "semantic",
|
|
6346
|
-
"scopes": ["fgColor"]
|
|
6347
|
-
}
|
|
6348
|
-
},
|
|
6349
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
6350
|
-
"isSource": true,
|
|
6351
|
-
"original": {
|
|
6352
|
-
"value": "{fgColor.danger.onInverse}",
|
|
6353
|
-
"$type": "color",
|
|
6354
|
-
"mix": null,
|
|
6355
|
-
"$extensions": {
|
|
6356
|
-
"org.primer.figma": {
|
|
6357
|
-
"collection": "mode",
|
|
6358
|
-
"mode": "light",
|
|
6359
|
-
"group": "semantic",
|
|
6360
|
-
"scopes": ["fgColor"]
|
|
6361
|
-
}
|
|
6362
|
-
}
|
|
6363
|
-
},
|
|
6364
|
-
"name": "fgColor-closed-onInverse",
|
|
6365
|
-
"attributes": {},
|
|
6366
|
-
"path": ["fgColor", "closed", "onInverse"]
|
|
6367
|
-
},
|
|
6368
6103
|
"fgColor-done": {
|
|
6369
6104
|
"value": "#8250df",
|
|
6370
6105
|
"$type": "color",
|
|
@@ -6400,35 +6135,6 @@
|
|
|
6400
6135
|
"attributes": {},
|
|
6401
6136
|
"path": ["fgColor", "done", "@"]
|
|
6402
6137
|
},
|
|
6403
|
-
"fgColor-done-onInverse": {
|
|
6404
|
-
"value": "#a475f9",
|
|
6405
|
-
"$type": "color",
|
|
6406
|
-
"$extensions": {
|
|
6407
|
-
"org.primer.figma": {
|
|
6408
|
-
"collection": "mode",
|
|
6409
|
-
"mode": "light",
|
|
6410
|
-
"group": "semantic",
|
|
6411
|
-
"scopes": ["fgColor"]
|
|
6412
|
-
}
|
|
6413
|
-
},
|
|
6414
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
6415
|
-
"isSource": true,
|
|
6416
|
-
"original": {
|
|
6417
|
-
"value": "{base.color.purple.4}",
|
|
6418
|
-
"$type": "color",
|
|
6419
|
-
"$extensions": {
|
|
6420
|
-
"org.primer.figma": {
|
|
6421
|
-
"collection": "mode",
|
|
6422
|
-
"mode": "light",
|
|
6423
|
-
"group": "semantic",
|
|
6424
|
-
"scopes": ["fgColor"]
|
|
6425
|
-
}
|
|
6426
|
-
}
|
|
6427
|
-
},
|
|
6428
|
-
"name": "fgColor-done-onInverse",
|
|
6429
|
-
"attributes": {},
|
|
6430
|
-
"path": ["fgColor", "done", "onInverse"]
|
|
6431
|
-
},
|
|
6432
6138
|
"fgColor-sponsors": {
|
|
6433
6139
|
"value": "#bf3989",
|
|
6434
6140
|
"$type": "color",
|
|
@@ -6464,35 +6170,6 @@
|
|
|
6464
6170
|
"attributes": {},
|
|
6465
6171
|
"path": ["fgColor", "sponsors", "@"]
|
|
6466
6172
|
},
|
|
6467
|
-
"fgColor-sponsors-onInverse": {
|
|
6468
|
-
"value": "#e85aad",
|
|
6469
|
-
"$type": "color",
|
|
6470
|
-
"$extensions": {
|
|
6471
|
-
"org.primer.figma": {
|
|
6472
|
-
"collection": "mode",
|
|
6473
|
-
"mode": "light",
|
|
6474
|
-
"group": "semantic",
|
|
6475
|
-
"scopes": ["fgColor"]
|
|
6476
|
-
}
|
|
6477
|
-
},
|
|
6478
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
6479
|
-
"isSource": true,
|
|
6480
|
-
"original": {
|
|
6481
|
-
"value": "{base.color.pink.4}",
|
|
6482
|
-
"$type": "color",
|
|
6483
|
-
"$extensions": {
|
|
6484
|
-
"org.primer.figma": {
|
|
6485
|
-
"collection": "mode",
|
|
6486
|
-
"mode": "light",
|
|
6487
|
-
"group": "semantic",
|
|
6488
|
-
"scopes": ["fgColor"]
|
|
6489
|
-
}
|
|
6490
|
-
}
|
|
6491
|
-
},
|
|
6492
|
-
"name": "fgColor-sponsors-onInverse",
|
|
6493
|
-
"attributes": {},
|
|
6494
|
-
"path": ["fgColor", "sponsors", "onInverse"]
|
|
6495
|
-
},
|
|
6496
6173
|
"bgColor-default": {
|
|
6497
6174
|
"value": "#ffffff",
|
|
6498
6175
|
"$type": "color",
|
|
@@ -7460,7 +7137,7 @@
|
|
|
7460
7137
|
"path": ["borderColor", "default"]
|
|
7461
7138
|
},
|
|
7462
7139
|
"borderColor-muted": {
|
|
7463
|
-
"value": "#
|
|
7140
|
+
"value": "#d0d7deb3",
|
|
7464
7141
|
"$type": "color",
|
|
7465
7142
|
"$extensions": {
|
|
7466
7143
|
"org.primer.figma": {
|
|
@@ -7473,7 +7150,7 @@
|
|
|
7473
7150
|
}
|
|
7474
7151
|
}
|
|
7475
7152
|
},
|
|
7476
|
-
"alpha": 0.
|
|
7153
|
+
"alpha": 0.7,
|
|
7477
7154
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
7478
7155
|
"isSource": true,
|
|
7479
7156
|
"original": {
|
|
@@ -7490,7 +7167,7 @@
|
|
|
7490
7167
|
}
|
|
7491
7168
|
}
|
|
7492
7169
|
},
|
|
7493
|
-
"alpha": 0.
|
|
7170
|
+
"alpha": 0.7
|
|
7494
7171
|
},
|
|
7495
7172
|
"name": "borderColor-muted",
|
|
7496
7173
|
"attributes": {},
|
|
@@ -52,6 +52,16 @@
|
|
|
52
52
|
"web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
|
+
{
|
|
56
|
+
"name": "overlay/offset",
|
|
57
|
+
"value": 4,
|
|
58
|
+
"type": "FLOAT",
|
|
59
|
+
"refId": "pattern/size/overlay/offset",
|
|
60
|
+
"collection": "pattern/size",
|
|
61
|
+
"mode": "default",
|
|
62
|
+
"group": "pattern/size",
|
|
63
|
+
"scopes": ["WIDTH_HEIGHT"]
|
|
64
|
+
},
|
|
55
65
|
{
|
|
56
66
|
"name": "overlay/height/xlarge",
|
|
57
67
|
"value": 600,
|