@primer/primitives 8.2.3 → 8.2.4-rc.20f0592f
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/themes/dark-colorblind.css +48 -48
- package/dist/css/functional/themes/dark-dimmed.css +50 -50
- package/dist/css/functional/themes/dark-high-contrast.css +50 -50
- package/dist/css/functional/themes/dark-tritanopia.css +50 -50
- package/dist/css/functional/themes/dark.css +50 -50
- package/dist/css/functional/themes/light-colorblind.css +22 -22
- package/dist/css/functional/themes/light-high-contrast.css +10 -10
- package/dist/css/functional/themes/light-tritanopia.css +22 -22
- package/dist/css/functional/themes/light.css +10 -10
- package/dist/docs/functional/themes/dark-colorblind.json +202 -202
- package/dist/docs/functional/themes/dark-dimmed.json +212 -210
- package/dist/docs/functional/themes/dark-high-contrast.json +212 -210
- package/dist/docs/functional/themes/dark-tritanopia.json +206 -206
- package/dist/docs/functional/themes/dark.json +212 -210
- package/dist/docs/functional/themes/light-colorblind.json +187 -193
- package/dist/docs/functional/themes/light-high-contrast.json +185 -183
- package/dist/docs/functional/themes/light-tritanopia.json +187 -193
- package/dist/docs/functional/themes/light.json +180 -178
- package/dist/figma/themes/dark-colorblind.json +231 -231
- package/dist/figma/themes/dark-dimmed.json +215 -214
- package/dist/figma/themes/dark-high-contrast.json +215 -214
- package/dist/figma/themes/dark-tritanopia.json +233 -233
- package/dist/figma/themes/dark.json +215 -214
- package/dist/figma/themes/light-colorblind.json +213 -214
- package/dist/figma/themes/light-high-contrast.json +135 -134
- package/dist/figma/themes/light-tritanopia.json +212 -213
- package/dist/figma/themes/light.json +135 -134
- package/dist/internalCss/dark-colorblind.css +48 -48
- package/dist/internalCss/dark-dimmed.css +50 -50
- package/dist/internalCss/dark-high-contrast.css +50 -50
- package/dist/internalCss/dark-tritanopia.css +50 -50
- package/dist/internalCss/dark.css +50 -50
- package/dist/internalCss/light-colorblind.css +22 -22
- package/dist/internalCss/light-high-contrast.css +10 -10
- package/dist/internalCss/light-tritanopia.css +22 -22
- package/dist/internalCss/light.css +10 -10
- package/dist/styleLint/functional/themes/dark-colorblind.json +202 -202
- package/dist/styleLint/functional/themes/dark-dimmed.json +212 -210
- package/dist/styleLint/functional/themes/dark-high-contrast.json +212 -210
- package/dist/styleLint/functional/themes/dark-tritanopia.json +206 -206
- package/dist/styleLint/functional/themes/dark.json +212 -210
- package/dist/styleLint/functional/themes/light-colorblind.json +187 -193
- package/dist/styleLint/functional/themes/light-high-contrast.json +185 -183
- package/dist/styleLint/functional/themes/light-tritanopia.json +187 -193
- package/dist/styleLint/functional/themes/light.json +180 -178
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/display-dark.json5 +19 -19
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +7 -0
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -16
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +13 -17
- package/src/tokens/functional/color/dark/patterns-dark.json5 +10 -10
- package/src/tokens/functional/color/dark/primitives-dark.json5 +174 -197
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +11 -8
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +14 -25
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +11 -22
- package/src/tokens/functional/color/light/patterns-light.json5 +12 -12
- package/src/tokens/functional/color/light/primitives-light.json5 +173 -196
|
@@ -5041,7 +5041,7 @@
|
|
|
5041
5041
|
"path": ["control", "borderColor", "selected"]
|
|
5042
5042
|
},
|
|
5043
5043
|
"control-borderColor-success": {
|
|
5044
|
-
"value": "#
|
|
5044
|
+
"value": "#0969da",
|
|
5045
5045
|
"$type": "color",
|
|
5046
5046
|
"$extensions": {
|
|
5047
5047
|
"org.primer.figma": {
|
|
@@ -5408,7 +5408,7 @@
|
|
|
5408
5408
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5409
5409
|
"isSource": true,
|
|
5410
5410
|
"original": {
|
|
5411
|
-
"value": "{fgColor.danger
|
|
5411
|
+
"value": "{fgColor.danger}",
|
|
5412
5412
|
"$type": "color",
|
|
5413
5413
|
"$extensions": {
|
|
5414
5414
|
"org.primer.figma": {
|
|
@@ -5437,7 +5437,7 @@
|
|
|
5437
5437
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5438
5438
|
"isSource": true,
|
|
5439
5439
|
"original": {
|
|
5440
|
-
"value": "{fgColor.danger
|
|
5440
|
+
"value": "{fgColor.danger}",
|
|
5441
5441
|
"$type": "color",
|
|
5442
5442
|
"$extensions": {
|
|
5443
5443
|
"org.primer.figma": {
|
|
@@ -6688,7 +6688,7 @@
|
|
|
6688
6688
|
"path": ["button", "primary", "iconColor", "rest"]
|
|
6689
6689
|
},
|
|
6690
6690
|
"button-primary-bgColor-rest": {
|
|
6691
|
-
"value": "#
|
|
6691
|
+
"value": "#0969da",
|
|
6692
6692
|
"$type": "color",
|
|
6693
6693
|
"$extensions": {
|
|
6694
6694
|
"org.primer.figma": {
|
|
@@ -6717,7 +6717,7 @@
|
|
|
6717
6717
|
"path": ["button", "primary", "bgColor", "rest"]
|
|
6718
6718
|
},
|
|
6719
6719
|
"button-primary-bgColor-hover": {
|
|
6720
|
-
"value": "#
|
|
6720
|
+
"value": "#0864d1",
|
|
6721
6721
|
"$type": "color",
|
|
6722
6722
|
"$extensions": {
|
|
6723
6723
|
"org.primer.figma": {
|
|
@@ -6754,7 +6754,7 @@
|
|
|
6754
6754
|
"path": ["button", "primary", "bgColor", "hover"]
|
|
6755
6755
|
},
|
|
6756
6756
|
"button-primary-bgColor-active": {
|
|
6757
|
-
"value": "#
|
|
6757
|
+
"value": "#075fc8",
|
|
6758
6758
|
"$type": "color",
|
|
6759
6759
|
"$extensions": {
|
|
6760
6760
|
"org.primer.figma": {
|
|
@@ -6996,7 +6996,7 @@
|
|
|
6996
6996
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6997
6997
|
"isSource": true,
|
|
6998
6998
|
"original": {
|
|
6999
|
-
"value": "{fgColor.accent
|
|
6999
|
+
"value": "{fgColor.accent}",
|
|
7000
7000
|
"$type": "color",
|
|
7001
7001
|
"$extensions": {
|
|
7002
7002
|
"org.primer.figma": {
|
|
@@ -7025,7 +7025,7 @@
|
|
|
7025
7025
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7026
7026
|
"isSource": true,
|
|
7027
7027
|
"original": {
|
|
7028
|
-
"value": "{fgColor.accent
|
|
7028
|
+
"value": "{fgColor.accent}",
|
|
7029
7029
|
"$type": "color",
|
|
7030
7030
|
"$extensions": {
|
|
7031
7031
|
"org.primer.figma": {
|
|
@@ -7373,7 +7373,7 @@
|
|
|
7373
7373
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7374
7374
|
"isSource": true,
|
|
7375
7375
|
"original": {
|
|
7376
|
-
"value": "{fgColor.accent
|
|
7376
|
+
"value": "{fgColor.accent}",
|
|
7377
7377
|
"$type": "color",
|
|
7378
7378
|
"$extensions": {
|
|
7379
7379
|
"org.primer.figma": {
|
|
@@ -7461,7 +7461,7 @@
|
|
|
7461
7461
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7462
7462
|
"isSource": true,
|
|
7463
7463
|
"original": {
|
|
7464
|
-
"value": "{fgColor.accent
|
|
7464
|
+
"value": "{fgColor.accent}",
|
|
7465
7465
|
"$type": "color",
|
|
7466
7466
|
"$extensions": {
|
|
7467
7467
|
"org.primer.figma": {
|
|
@@ -7712,7 +7712,7 @@
|
|
|
7712
7712
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7713
7713
|
"isSource": true,
|
|
7714
7714
|
"original": {
|
|
7715
|
-
"value": "{fgColor.danger
|
|
7715
|
+
"value": "{fgColor.danger}",
|
|
7716
7716
|
"$type": "color",
|
|
7717
7717
|
"$extensions": {
|
|
7718
7718
|
"org.primer.figma": {
|
|
@@ -7800,7 +7800,7 @@
|
|
|
7800
7800
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7801
7801
|
"isSource": true,
|
|
7802
7802
|
"original": {
|
|
7803
|
-
"value": "{fgColor.danger
|
|
7803
|
+
"value": "{fgColor.danger}",
|
|
7804
7804
|
"$type": "color",
|
|
7805
7805
|
"$extensions": {
|
|
7806
7806
|
"org.primer.figma": {
|
|
@@ -7830,7 +7830,7 @@
|
|
|
7830
7830
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7831
7831
|
"isSource": true,
|
|
7832
7832
|
"original": {
|
|
7833
|
-
"value": "{fgColor.danger
|
|
7833
|
+
"value": "{fgColor.danger}",
|
|
7834
7834
|
"$type": "color",
|
|
7835
7835
|
"$extensions": {
|
|
7836
7836
|
"org.primer.figma": {
|
|
@@ -8466,7 +8466,7 @@
|
|
|
8466
8466
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8467
8467
|
"isSource": true,
|
|
8468
8468
|
"original": {
|
|
8469
|
-
"value": "{fgColor.accent
|
|
8469
|
+
"value": "{fgColor.accent}",
|
|
8470
8470
|
"$type": "color",
|
|
8471
8471
|
"$extensions": {
|
|
8472
8472
|
"org.primer.figma": {
|
|
@@ -8656,7 +8656,7 @@
|
|
|
8656
8656
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8657
8657
|
"isSource": true,
|
|
8658
8658
|
"original": {
|
|
8659
|
-
"value": "{fgColor.danger
|
|
8659
|
+
"value": "{fgColor.danger}",
|
|
8660
8660
|
"$type": "color",
|
|
8661
8661
|
"$extensions": {
|
|
8662
8662
|
"org.primer.figma": {
|
|
@@ -8752,7 +8752,7 @@
|
|
|
8752
8752
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8753
8753
|
"isSource": true,
|
|
8754
8754
|
"original": {
|
|
8755
|
-
"value": "{fgColor.link
|
|
8755
|
+
"value": "{fgColor.link}",
|
|
8756
8756
|
"$type": "color",
|
|
8757
8757
|
"$extensions": {
|
|
8758
8758
|
"org.primer.figma": {
|
|
@@ -12788,7 +12788,7 @@
|
|
|
12788
12788
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12789
12789
|
"isSource": true,
|
|
12790
12790
|
"original": {
|
|
12791
|
-
"value": "{fgColor.accent
|
|
12791
|
+
"value": "{fgColor.accent}",
|
|
12792
12792
|
"$type": "color",
|
|
12793
12793
|
"$extensions": {
|
|
12794
12794
|
"org.primer.figma": {
|
|
@@ -12804,7 +12804,7 @@
|
|
|
12804
12804
|
},
|
|
12805
12805
|
"name": "fgColor-link",
|
|
12806
12806
|
"attributes": {},
|
|
12807
|
-
"path": ["fgColor", "link"
|
|
12807
|
+
"path": ["fgColor", "link"]
|
|
12808
12808
|
},
|
|
12809
12809
|
"fgColor-neutral": {
|
|
12810
12810
|
"value": "#6e7781",
|
|
@@ -12833,7 +12833,7 @@
|
|
|
12833
12833
|
},
|
|
12834
12834
|
"name": "fgColor-neutral",
|
|
12835
12835
|
"attributes": {},
|
|
12836
|
-
"path": ["fgColor", "neutral"
|
|
12836
|
+
"path": ["fgColor", "neutral"]
|
|
12837
12837
|
},
|
|
12838
12838
|
"fgColor-accent": {
|
|
12839
12839
|
"value": "#0969da",
|
|
@@ -12868,7 +12868,7 @@
|
|
|
12868
12868
|
},
|
|
12869
12869
|
"name": "fgColor-accent",
|
|
12870
12870
|
"attributes": {},
|
|
12871
|
-
"path": ["fgColor", "accent"
|
|
12871
|
+
"path": ["fgColor", "accent"]
|
|
12872
12872
|
},
|
|
12873
12873
|
"fgColor-success": {
|
|
12874
12874
|
"value": "#0969da",
|
|
@@ -12903,10 +12903,10 @@
|
|
|
12903
12903
|
},
|
|
12904
12904
|
"name": "fgColor-success",
|
|
12905
12905
|
"attributes": {},
|
|
12906
|
-
"path": ["fgColor", "success"
|
|
12906
|
+
"path": ["fgColor", "success"]
|
|
12907
12907
|
},
|
|
12908
|
-
"fgColor-
|
|
12909
|
-
"value": "#
|
|
12908
|
+
"fgColor-open": {
|
|
12909
|
+
"value": "#cf222e",
|
|
12910
12910
|
"$type": "color",
|
|
12911
12911
|
"$extensions": {
|
|
12912
12912
|
"org.primer.figma": {
|
|
@@ -12915,14 +12915,14 @@
|
|
|
12915
12915
|
"group": "semantic",
|
|
12916
12916
|
"scopes": ["fgColor"],
|
|
12917
12917
|
"codeSyntax": {
|
|
12918
|
-
"web": "var(--fgColor-
|
|
12918
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
12919
12919
|
}
|
|
12920
12920
|
}
|
|
12921
12921
|
},
|
|
12922
|
-
"filePath": "src/tokens/functional/color/light/
|
|
12922
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
12923
12923
|
"isSource": true,
|
|
12924
12924
|
"original": {
|
|
12925
|
-
"value": "{base.color.
|
|
12925
|
+
"value": "{base.color.red.5}",
|
|
12926
12926
|
"$type": "color",
|
|
12927
12927
|
"$extensions": {
|
|
12928
12928
|
"org.primer.figma": {
|
|
@@ -12931,17 +12931,17 @@
|
|
|
12931
12931
|
"group": "semantic",
|
|
12932
12932
|
"scopes": ["fgColor"],
|
|
12933
12933
|
"codeSyntax": {
|
|
12934
|
-
"web": "var(--fgColor-
|
|
12934
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
12935
12935
|
}
|
|
12936
12936
|
}
|
|
12937
12937
|
}
|
|
12938
12938
|
},
|
|
12939
|
-
"name": "fgColor-
|
|
12939
|
+
"name": "fgColor-open",
|
|
12940
12940
|
"attributes": {},
|
|
12941
|
-
"path": ["fgColor", "
|
|
12941
|
+
"path": ["fgColor", "open"]
|
|
12942
12942
|
},
|
|
12943
|
-
"fgColor-
|
|
12944
|
-
"value": "#
|
|
12943
|
+
"fgColor-attention": {
|
|
12944
|
+
"value": "#9a6700",
|
|
12945
12945
|
"$type": "color",
|
|
12946
12946
|
"$extensions": {
|
|
12947
12947
|
"org.primer.figma": {
|
|
@@ -12950,14 +12950,14 @@
|
|
|
12950
12950
|
"group": "semantic",
|
|
12951
12951
|
"scopes": ["fgColor"],
|
|
12952
12952
|
"codeSyntax": {
|
|
12953
|
-
"web": "var(--fgColor-
|
|
12953
|
+
"web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
|
|
12954
12954
|
}
|
|
12955
12955
|
}
|
|
12956
12956
|
},
|
|
12957
|
-
"filePath": "src/tokens/functional/color/light/
|
|
12957
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12958
12958
|
"isSource": true,
|
|
12959
12959
|
"original": {
|
|
12960
|
-
"value": "{base.color.
|
|
12960
|
+
"value": "{base.color.yellow.5}",
|
|
12961
12961
|
"$type": "color",
|
|
12962
12962
|
"$extensions": {
|
|
12963
12963
|
"org.primer.figma": {
|
|
@@ -12966,17 +12966,17 @@
|
|
|
12966
12966
|
"group": "semantic",
|
|
12967
12967
|
"scopes": ["fgColor"],
|
|
12968
12968
|
"codeSyntax": {
|
|
12969
|
-
"web": "var(--fgColor-
|
|
12969
|
+
"web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
|
|
12970
12970
|
}
|
|
12971
12971
|
}
|
|
12972
12972
|
}
|
|
12973
12973
|
},
|
|
12974
|
-
"name": "fgColor-
|
|
12974
|
+
"name": "fgColor-attention",
|
|
12975
12975
|
"attributes": {},
|
|
12976
|
-
"path": ["fgColor", "
|
|
12976
|
+
"path": ["fgColor", "attention"]
|
|
12977
12977
|
},
|
|
12978
|
-
"fgColor-
|
|
12979
|
-
"value": "#
|
|
12978
|
+
"fgColor-severe": {
|
|
12979
|
+
"value": "#cf222e",
|
|
12980
12980
|
"$type": "color",
|
|
12981
12981
|
"$extensions": {
|
|
12982
12982
|
"org.primer.figma": {
|
|
@@ -12985,15 +12985,11 @@
|
|
|
12985
12985
|
"group": "semantic",
|
|
12986
12986
|
"scopes": ["fgColor"],
|
|
12987
12987
|
"codeSyntax": {
|
|
12988
|
-
"web": "var(--fgColor-
|
|
12988
|
+
"web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
|
|
12989
12989
|
}
|
|
12990
12990
|
}
|
|
12991
12991
|
},
|
|
12992
|
-
"
|
|
12993
|
-
"color": "#fa4549",
|
|
12994
|
-
"weight": 0.05
|
|
12995
|
-
},
|
|
12996
|
-
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12992
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
12997
12993
|
"isSource": true,
|
|
12998
12994
|
"original": {
|
|
12999
12995
|
"value": "{base.color.red.5}",
|
|
@@ -13005,21 +13001,17 @@
|
|
|
13005
13001
|
"group": "semantic",
|
|
13006
13002
|
"scopes": ["fgColor"],
|
|
13007
13003
|
"codeSyntax": {
|
|
13008
|
-
"web": "var(--fgColor-
|
|
13004
|
+
"web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
|
|
13009
13005
|
}
|
|
13010
13006
|
}
|
|
13011
|
-
},
|
|
13012
|
-
"mix": {
|
|
13013
|
-
"color": "{base.color.red.4}",
|
|
13014
|
-
"weight": 0.05
|
|
13015
13007
|
}
|
|
13016
13008
|
},
|
|
13017
|
-
"name": "fgColor-
|
|
13009
|
+
"name": "fgColor-severe",
|
|
13018
13010
|
"attributes": {},
|
|
13019
|
-
"path": ["fgColor", "
|
|
13011
|
+
"path": ["fgColor", "severe"]
|
|
13020
13012
|
},
|
|
13021
|
-
"fgColor-
|
|
13022
|
-
"value": "#
|
|
13013
|
+
"fgColor-danger": {
|
|
13014
|
+
"value": "#d1242f",
|
|
13023
13015
|
"$type": "color",
|
|
13024
13016
|
"$extensions": {
|
|
13025
13017
|
"org.primer.figma": {
|
|
@@ -13028,11 +13020,15 @@
|
|
|
13028
13020
|
"group": "semantic",
|
|
13029
13021
|
"scopes": ["fgColor"],
|
|
13030
13022
|
"codeSyntax": {
|
|
13031
|
-
"web": "var(--fgColor-
|
|
13023
|
+
"web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
|
|
13032
13024
|
}
|
|
13033
13025
|
}
|
|
13034
13026
|
},
|
|
13035
|
-
"
|
|
13027
|
+
"mix": {
|
|
13028
|
+
"color": "#fa4549",
|
|
13029
|
+
"weight": 0.05
|
|
13030
|
+
},
|
|
13031
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13036
13032
|
"isSource": true,
|
|
13037
13033
|
"original": {
|
|
13038
13034
|
"value": "{base.color.red.5}",
|
|
@@ -13044,14 +13040,18 @@
|
|
|
13044
13040
|
"group": "semantic",
|
|
13045
13041
|
"scopes": ["fgColor"],
|
|
13046
13042
|
"codeSyntax": {
|
|
13047
|
-
"web": "var(--fgColor-
|
|
13043
|
+
"web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
|
|
13048
13044
|
}
|
|
13049
13045
|
}
|
|
13046
|
+
},
|
|
13047
|
+
"mix": {
|
|
13048
|
+
"color": "{base.color.red.4}",
|
|
13049
|
+
"weight": 0.05
|
|
13050
13050
|
}
|
|
13051
13051
|
},
|
|
13052
|
-
"name": "fgColor-
|
|
13052
|
+
"name": "fgColor-danger",
|
|
13053
13053
|
"attributes": {},
|
|
13054
|
-
"path": ["fgColor", "
|
|
13054
|
+
"path": ["fgColor", "danger"]
|
|
13055
13055
|
},
|
|
13056
13056
|
"fgColor-closed": {
|
|
13057
13057
|
"value": "#6e7781",
|
|
@@ -13086,7 +13086,7 @@
|
|
|
13086
13086
|
},
|
|
13087
13087
|
"name": "fgColor-closed",
|
|
13088
13088
|
"attributes": {},
|
|
13089
|
-
"path": ["fgColor", "closed"
|
|
13089
|
+
"path": ["fgColor", "closed"]
|
|
13090
13090
|
},
|
|
13091
13091
|
"fgColor-done": {
|
|
13092
13092
|
"value": "#8250df",
|
|
@@ -13121,7 +13121,7 @@
|
|
|
13121
13121
|
},
|
|
13122
13122
|
"name": "fgColor-done",
|
|
13123
13123
|
"attributes": {},
|
|
13124
|
-
"path": ["fgColor", "done"
|
|
13124
|
+
"path": ["fgColor", "done"]
|
|
13125
13125
|
},
|
|
13126
13126
|
"fgColor-upsell": {
|
|
13127
13127
|
"value": "#8250df",
|
|
@@ -13140,7 +13140,7 @@
|
|
|
13140
13140
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13141
13141
|
"isSource": true,
|
|
13142
13142
|
"original": {
|
|
13143
|
-
"value": "{
|
|
13143
|
+
"value": "{fgColor.done}",
|
|
13144
13144
|
"$type": "color",
|
|
13145
13145
|
"$extensions": {
|
|
13146
13146
|
"org.primer.figma": {
|
|
@@ -13156,7 +13156,7 @@
|
|
|
13156
13156
|
},
|
|
13157
13157
|
"name": "fgColor-upsell",
|
|
13158
13158
|
"attributes": {},
|
|
13159
|
-
"path": ["fgColor", "upsell"
|
|
13159
|
+
"path": ["fgColor", "upsell"]
|
|
13160
13160
|
},
|
|
13161
13161
|
"fgColor-sponsors": {
|
|
13162
13162
|
"value": "#bf3989",
|
|
@@ -13191,7 +13191,7 @@
|
|
|
13191
13191
|
},
|
|
13192
13192
|
"name": "fgColor-sponsors",
|
|
13193
13193
|
"attributes": {},
|
|
13194
|
-
"path": ["fgColor", "sponsors"
|
|
13194
|
+
"path": ["fgColor", "sponsors"]
|
|
13195
13195
|
},
|
|
13196
13196
|
"bgColor-default": {
|
|
13197
13197
|
"value": "#ffffff",
|
|
@@ -13652,7 +13652,7 @@
|
|
|
13652
13652
|
"path": ["bgColor", "success", "muted"]
|
|
13653
13653
|
},
|
|
13654
13654
|
"bgColor-success-emphasis": {
|
|
13655
|
-
"value": "#
|
|
13655
|
+
"value": "#0969da",
|
|
13656
13656
|
"$type": "color",
|
|
13657
13657
|
"$extensions": {
|
|
13658
13658
|
"org.primer.figma": {
|
|
@@ -13665,14 +13665,11 @@
|
|
|
13665
13665
|
}
|
|
13666
13666
|
}
|
|
13667
13667
|
},
|
|
13668
|
-
"mix":
|
|
13669
|
-
"color": "#0969da",
|
|
13670
|
-
"weight": 0.75
|
|
13671
|
-
},
|
|
13668
|
+
"mix": null,
|
|
13672
13669
|
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
13673
13670
|
"isSource": true,
|
|
13674
13671
|
"original": {
|
|
13675
|
-
"value": "{base.color.blue.
|
|
13672
|
+
"value": "{base.color.blue.5}",
|
|
13676
13673
|
"$type": "color",
|
|
13677
13674
|
"$extensions": {
|
|
13678
13675
|
"org.primer.figma": {
|
|
@@ -13685,17 +13682,14 @@
|
|
|
13685
13682
|
}
|
|
13686
13683
|
}
|
|
13687
13684
|
},
|
|
13688
|
-
"mix":
|
|
13689
|
-
"color": "{base.color.blue.5}",
|
|
13690
|
-
"weight": 0.75
|
|
13691
|
-
}
|
|
13685
|
+
"mix": null
|
|
13692
13686
|
},
|
|
13693
13687
|
"name": "bgColor-success-emphasis",
|
|
13694
13688
|
"attributes": {},
|
|
13695
13689
|
"path": ["bgColor", "success", "emphasis"]
|
|
13696
13690
|
},
|
|
13697
|
-
"bgColor-
|
|
13698
|
-
"value": "#
|
|
13691
|
+
"bgColor-open-muted": {
|
|
13692
|
+
"value": "#ffebe9",
|
|
13699
13693
|
"$type": "color",
|
|
13700
13694
|
"$extensions": {
|
|
13701
13695
|
"org.primer.figma": {
|
|
@@ -13704,14 +13698,14 @@
|
|
|
13704
13698
|
"group": "semantic",
|
|
13705
13699
|
"scopes": ["bgColor"],
|
|
13706
13700
|
"codeSyntax": {
|
|
13707
|
-
"web": "var(--bgColor-
|
|
13701
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13708
13702
|
}
|
|
13709
13703
|
}
|
|
13710
13704
|
},
|
|
13711
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13705
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
13712
13706
|
"isSource": true,
|
|
13713
13707
|
"original": {
|
|
13714
|
-
"value": "{base.color.
|
|
13708
|
+
"value": "{base.color.red.0}",
|
|
13715
13709
|
"$type": "color",
|
|
13716
13710
|
"$extensions": {
|
|
13717
13711
|
"org.primer.figma": {
|
|
@@ -13720,17 +13714,17 @@
|
|
|
13720
13714
|
"group": "semantic",
|
|
13721
13715
|
"scopes": ["bgColor"],
|
|
13722
13716
|
"codeSyntax": {
|
|
13723
|
-
"web": "var(--bgColor-
|
|
13717
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13724
13718
|
}
|
|
13725
13719
|
}
|
|
13726
13720
|
}
|
|
13727
13721
|
},
|
|
13728
|
-
"name": "bgColor-
|
|
13722
|
+
"name": "bgColor-open-muted",
|
|
13729
13723
|
"attributes": {},
|
|
13730
|
-
"path": ["bgColor", "
|
|
13724
|
+
"path": ["bgColor", "open", "muted"]
|
|
13731
13725
|
},
|
|
13732
|
-
"bgColor-
|
|
13733
|
-
"value": "#
|
|
13726
|
+
"bgColor-open-emphasis": {
|
|
13727
|
+
"value": "#cf222e",
|
|
13734
13728
|
"$type": "color",
|
|
13735
13729
|
"$extensions": {
|
|
13736
13730
|
"org.primer.figma": {
|
|
@@ -13739,14 +13733,14 @@
|
|
|
13739
13733
|
"group": "semantic",
|
|
13740
13734
|
"scopes": ["bgColor"],
|
|
13741
13735
|
"codeSyntax": {
|
|
13742
|
-
"web": "var(--bgColor-
|
|
13736
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13743
13737
|
}
|
|
13744
13738
|
}
|
|
13745
13739
|
},
|
|
13746
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13740
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
13747
13741
|
"isSource": true,
|
|
13748
13742
|
"original": {
|
|
13749
|
-
"value": "{base.color.
|
|
13743
|
+
"value": "{base.color.red.5}",
|
|
13750
13744
|
"$type": "color",
|
|
13751
13745
|
"$extensions": {
|
|
13752
13746
|
"org.primer.figma": {
|
|
@@ -13755,17 +13749,17 @@
|
|
|
13755
13749
|
"group": "semantic",
|
|
13756
13750
|
"scopes": ["bgColor"],
|
|
13757
13751
|
"codeSyntax": {
|
|
13758
|
-
"web": "var(--bgColor-
|
|
13752
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13759
13753
|
}
|
|
13760
13754
|
}
|
|
13761
13755
|
}
|
|
13762
13756
|
},
|
|
13763
|
-
"name": "bgColor-
|
|
13757
|
+
"name": "bgColor-open-emphasis",
|
|
13764
13758
|
"attributes": {},
|
|
13765
|
-
"path": ["bgColor", "
|
|
13759
|
+
"path": ["bgColor", "open", "emphasis"]
|
|
13766
13760
|
},
|
|
13767
|
-
"bgColor-
|
|
13768
|
-
"value": "#
|
|
13761
|
+
"bgColor-attention-muted": {
|
|
13762
|
+
"value": "#fff8c5",
|
|
13769
13763
|
"$type": "color",
|
|
13770
13764
|
"$extensions": {
|
|
13771
13765
|
"org.primer.figma": {
|
|
@@ -13774,14 +13768,14 @@
|
|
|
13774
13768
|
"group": "semantic",
|
|
13775
13769
|
"scopes": ["bgColor"],
|
|
13776
13770
|
"codeSyntax": {
|
|
13777
|
-
"web": "var(--bgColor-
|
|
13771
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13778
13772
|
}
|
|
13779
13773
|
}
|
|
13780
13774
|
},
|
|
13781
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13775
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13782
13776
|
"isSource": true,
|
|
13783
13777
|
"original": {
|
|
13784
|
-
"value": "{base.color.
|
|
13778
|
+
"value": "{base.color.yellow.0}",
|
|
13785
13779
|
"$type": "color",
|
|
13786
13780
|
"$extensions": {
|
|
13787
13781
|
"org.primer.figma": {
|
|
@@ -13790,17 +13784,17 @@
|
|
|
13790
13784
|
"group": "semantic",
|
|
13791
13785
|
"scopes": ["bgColor"],
|
|
13792
13786
|
"codeSyntax": {
|
|
13793
|
-
"web": "var(--bgColor-
|
|
13787
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13794
13788
|
}
|
|
13795
13789
|
}
|
|
13796
13790
|
}
|
|
13797
13791
|
},
|
|
13798
|
-
"name": "bgColor-
|
|
13792
|
+
"name": "bgColor-attention-muted",
|
|
13799
13793
|
"attributes": {},
|
|
13800
|
-
"path": ["bgColor", "
|
|
13794
|
+
"path": ["bgColor", "attention", "muted"]
|
|
13801
13795
|
},
|
|
13802
|
-
"bgColor-
|
|
13803
|
-
"value": "#
|
|
13796
|
+
"bgColor-attention-emphasis": {
|
|
13797
|
+
"value": "#9a6700",
|
|
13804
13798
|
"$type": "color",
|
|
13805
13799
|
"$extensions": {
|
|
13806
13800
|
"org.primer.figma": {
|
|
@@ -13809,14 +13803,14 @@
|
|
|
13809
13803
|
"group": "semantic",
|
|
13810
13804
|
"scopes": ["bgColor"],
|
|
13811
13805
|
"codeSyntax": {
|
|
13812
|
-
"web": "var(--bgColor-
|
|
13806
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13813
13807
|
}
|
|
13814
13808
|
}
|
|
13815
13809
|
},
|
|
13816
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13810
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13817
13811
|
"isSource": true,
|
|
13818
13812
|
"original": {
|
|
13819
|
-
"value": "{base.color.
|
|
13813
|
+
"value": "{base.color.yellow.5}",
|
|
13820
13814
|
"$type": "color",
|
|
13821
13815
|
"$extensions": {
|
|
13822
13816
|
"org.primer.figma": {
|
|
@@ -13825,16 +13819,16 @@
|
|
|
13825
13819
|
"group": "semantic",
|
|
13826
13820
|
"scopes": ["bgColor"],
|
|
13827
13821
|
"codeSyntax": {
|
|
13828
|
-
"web": "var(--bgColor-
|
|
13822
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13829
13823
|
}
|
|
13830
13824
|
}
|
|
13831
13825
|
}
|
|
13832
13826
|
},
|
|
13833
|
-
"name": "bgColor-
|
|
13827
|
+
"name": "bgColor-attention-emphasis",
|
|
13834
13828
|
"attributes": {},
|
|
13835
|
-
"path": ["bgColor", "
|
|
13829
|
+
"path": ["bgColor", "attention", "emphasis"]
|
|
13836
13830
|
},
|
|
13837
|
-
"bgColor-
|
|
13831
|
+
"bgColor-severe-muted": {
|
|
13838
13832
|
"value": "#ffebe9",
|
|
13839
13833
|
"$type": "color",
|
|
13840
13834
|
"$extensions": {
|
|
@@ -13844,11 +13838,11 @@
|
|
|
13844
13838
|
"group": "semantic",
|
|
13845
13839
|
"scopes": ["bgColor"],
|
|
13846
13840
|
"codeSyntax": {
|
|
13847
|
-
"web": "var(--bgColor-
|
|
13841
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13848
13842
|
}
|
|
13849
13843
|
}
|
|
13850
13844
|
},
|
|
13851
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13845
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
13852
13846
|
"isSource": true,
|
|
13853
13847
|
"original": {
|
|
13854
13848
|
"value": "{base.color.red.0}",
|
|
@@ -13860,16 +13854,16 @@
|
|
|
13860
13854
|
"group": "semantic",
|
|
13861
13855
|
"scopes": ["bgColor"],
|
|
13862
13856
|
"codeSyntax": {
|
|
13863
|
-
"web": "var(--bgColor-
|
|
13857
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13864
13858
|
}
|
|
13865
13859
|
}
|
|
13866
13860
|
}
|
|
13867
13861
|
},
|
|
13868
|
-
"name": "bgColor-
|
|
13862
|
+
"name": "bgColor-severe-muted",
|
|
13869
13863
|
"attributes": {},
|
|
13870
|
-
"path": ["bgColor", "
|
|
13864
|
+
"path": ["bgColor", "severe", "muted"]
|
|
13871
13865
|
},
|
|
13872
|
-
"bgColor-
|
|
13866
|
+
"bgColor-severe-emphasis": {
|
|
13873
13867
|
"value": "#cf222e",
|
|
13874
13868
|
"$type": "color",
|
|
13875
13869
|
"$extensions": {
|
|
@@ -13879,11 +13873,11 @@
|
|
|
13879
13873
|
"group": "semantic",
|
|
13880
13874
|
"scopes": ["bgColor"],
|
|
13881
13875
|
"codeSyntax": {
|
|
13882
|
-
"web": "var(--bgColor-
|
|
13876
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13883
13877
|
}
|
|
13884
13878
|
}
|
|
13885
13879
|
},
|
|
13886
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13880
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
13887
13881
|
"isSource": true,
|
|
13888
13882
|
"original": {
|
|
13889
13883
|
"value": "{base.color.red.5}",
|
|
@@ -13895,16 +13889,16 @@
|
|
|
13895
13889
|
"group": "semantic",
|
|
13896
13890
|
"scopes": ["bgColor"],
|
|
13897
13891
|
"codeSyntax": {
|
|
13898
|
-
"web": "var(--bgColor-
|
|
13892
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13899
13893
|
}
|
|
13900
13894
|
}
|
|
13901
13895
|
}
|
|
13902
13896
|
},
|
|
13903
|
-
"name": "bgColor-
|
|
13897
|
+
"name": "bgColor-severe-emphasis",
|
|
13904
13898
|
"attributes": {},
|
|
13905
|
-
"path": ["bgColor", "
|
|
13899
|
+
"path": ["bgColor", "severe", "emphasis"]
|
|
13906
13900
|
},
|
|
13907
|
-
"bgColor-
|
|
13901
|
+
"bgColor-danger-muted": {
|
|
13908
13902
|
"value": "#ffebe9",
|
|
13909
13903
|
"$type": "color",
|
|
13910
13904
|
"$extensions": {
|
|
@@ -13914,11 +13908,11 @@
|
|
|
13914
13908
|
"group": "semantic",
|
|
13915
13909
|
"scopes": ["bgColor"],
|
|
13916
13910
|
"codeSyntax": {
|
|
13917
|
-
"web": "var(--bgColor-
|
|
13911
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13918
13912
|
}
|
|
13919
13913
|
}
|
|
13920
13914
|
},
|
|
13921
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13915
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13922
13916
|
"isSource": true,
|
|
13923
13917
|
"original": {
|
|
13924
13918
|
"value": "{base.color.red.0}",
|
|
@@ -13930,16 +13924,16 @@
|
|
|
13930
13924
|
"group": "semantic",
|
|
13931
13925
|
"scopes": ["bgColor"],
|
|
13932
13926
|
"codeSyntax": {
|
|
13933
|
-
"web": "var(--bgColor-
|
|
13927
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13934
13928
|
}
|
|
13935
13929
|
}
|
|
13936
13930
|
}
|
|
13937
13931
|
},
|
|
13938
|
-
"name": "bgColor-
|
|
13932
|
+
"name": "bgColor-danger-muted",
|
|
13939
13933
|
"attributes": {},
|
|
13940
|
-
"path": ["bgColor", "
|
|
13934
|
+
"path": ["bgColor", "danger", "muted"]
|
|
13941
13935
|
},
|
|
13942
|
-
"bgColor-
|
|
13936
|
+
"bgColor-danger-emphasis": {
|
|
13943
13937
|
"value": "#cf222e",
|
|
13944
13938
|
"$type": "color",
|
|
13945
13939
|
"$extensions": {
|
|
@@ -13949,11 +13943,11 @@
|
|
|
13949
13943
|
"group": "semantic",
|
|
13950
13944
|
"scopes": ["bgColor"],
|
|
13951
13945
|
"codeSyntax": {
|
|
13952
|
-
"web": "var(--bgColor-
|
|
13946
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13953
13947
|
}
|
|
13954
13948
|
}
|
|
13955
13949
|
},
|
|
13956
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13950
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13957
13951
|
"isSource": true,
|
|
13958
13952
|
"original": {
|
|
13959
13953
|
"value": "{base.color.red.5}",
|
|
@@ -13965,14 +13959,14 @@
|
|
|
13965
13959
|
"group": "semantic",
|
|
13966
13960
|
"scopes": ["bgColor"],
|
|
13967
13961
|
"codeSyntax": {
|
|
13968
|
-
"web": "var(--bgColor-
|
|
13962
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13969
13963
|
}
|
|
13970
13964
|
}
|
|
13971
13965
|
}
|
|
13972
13966
|
},
|
|
13973
|
-
"name": "bgColor-
|
|
13967
|
+
"name": "bgColor-danger-emphasis",
|
|
13974
13968
|
"attributes": {},
|
|
13975
|
-
"path": ["bgColor", "
|
|
13969
|
+
"path": ["bgColor", "danger", "emphasis"]
|
|
13976
13970
|
},
|
|
13977
13971
|
"bgColor-closed-muted": {
|
|
13978
13972
|
"value": "#f6f8fa",
|
|
@@ -14131,7 +14125,7 @@
|
|
|
14131
14125
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14132
14126
|
"isSource": true,
|
|
14133
14127
|
"original": {
|
|
14134
|
-
"value": "{
|
|
14128
|
+
"value": "{bgColor.done.muted}",
|
|
14135
14129
|
"$type": "color",
|
|
14136
14130
|
"$extensions": {
|
|
14137
14131
|
"org.primer.figma": {
|
|
@@ -14166,7 +14160,7 @@
|
|
|
14166
14160
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14167
14161
|
"isSource": true,
|
|
14168
14162
|
"original": {
|
|
14169
|
-
"value": "{
|
|
14163
|
+
"value": "{bgColor.done.emphasis}",
|
|
14170
14164
|
"$type": "color",
|
|
14171
14165
|
"$extensions": {
|
|
14172
14166
|
"org.primer.figma": {
|
|
@@ -14614,7 +14608,7 @@
|
|
|
14614
14608
|
"path": ["borderColor", "success", "muted"]
|
|
14615
14609
|
},
|
|
14616
14610
|
"borderColor-success-emphasis": {
|
|
14617
|
-
"value": "#
|
|
14611
|
+
"value": "#0969da",
|
|
14618
14612
|
"$type": "color",
|
|
14619
14613
|
"$extensions": {
|
|
14620
14614
|
"org.primer.figma": {
|
|
@@ -14630,7 +14624,7 @@
|
|
|
14630
14624
|
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
14631
14625
|
"isSource": true,
|
|
14632
14626
|
"original": {
|
|
14633
|
-
"value": "{base.color.blue.
|
|
14627
|
+
"value": "{base.color.blue.5}",
|
|
14634
14628
|
"$type": "color",
|
|
14635
14629
|
"$extensions": {
|
|
14636
14630
|
"org.primer.figma": {
|
|
@@ -14648,8 +14642,8 @@
|
|
|
14648
14642
|
"attributes": {},
|
|
14649
14643
|
"path": ["borderColor", "success", "emphasis"]
|
|
14650
14644
|
},
|
|
14651
|
-
"borderColor-
|
|
14652
|
-
"value": "#
|
|
14645
|
+
"borderColor-open-muted": {
|
|
14646
|
+
"value": "#ff818266",
|
|
14653
14647
|
"$type": "color",
|
|
14654
14648
|
"$extensions": {
|
|
14655
14649
|
"org.primer.figma": {
|
|
@@ -14658,15 +14652,15 @@
|
|
|
14658
14652
|
"group": "semantic",
|
|
14659
14653
|
"scopes": ["borderColor"],
|
|
14660
14654
|
"codeSyntax": {
|
|
14661
|
-
"web": "var(--borderColor-
|
|
14655
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14662
14656
|
}
|
|
14663
14657
|
}
|
|
14664
14658
|
},
|
|
14665
14659
|
"alpha": 0.4,
|
|
14666
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14660
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
14667
14661
|
"isSource": true,
|
|
14668
14662
|
"original": {
|
|
14669
|
-
"value": "{base.color.
|
|
14663
|
+
"value": "{base.color.red.3}",
|
|
14670
14664
|
"$type": "color",
|
|
14671
14665
|
"$extensions": {
|
|
14672
14666
|
"org.primer.figma": {
|
|
@@ -14675,18 +14669,18 @@
|
|
|
14675
14669
|
"group": "semantic",
|
|
14676
14670
|
"scopes": ["borderColor"],
|
|
14677
14671
|
"codeSyntax": {
|
|
14678
|
-
"web": "var(--borderColor-
|
|
14672
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14679
14673
|
}
|
|
14680
14674
|
}
|
|
14681
14675
|
},
|
|
14682
14676
|
"alpha": 0.4
|
|
14683
14677
|
},
|
|
14684
|
-
"name": "borderColor-
|
|
14678
|
+
"name": "borderColor-open-muted",
|
|
14685
14679
|
"attributes": {},
|
|
14686
|
-
"path": ["borderColor", "
|
|
14680
|
+
"path": ["borderColor", "open", "muted"]
|
|
14687
14681
|
},
|
|
14688
|
-
"borderColor-
|
|
14689
|
-
"value": "#
|
|
14682
|
+
"borderColor-open-emphasis": {
|
|
14683
|
+
"value": "#cf222e",
|
|
14690
14684
|
"$type": "color",
|
|
14691
14685
|
"$extensions": {
|
|
14692
14686
|
"org.primer.figma": {
|
|
@@ -14695,14 +14689,14 @@
|
|
|
14695
14689
|
"group": "semantic",
|
|
14696
14690
|
"scopes": ["borderColor"],
|
|
14697
14691
|
"codeSyntax": {
|
|
14698
|
-
"web": "var(--borderColor-
|
|
14692
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14699
14693
|
}
|
|
14700
14694
|
}
|
|
14701
14695
|
},
|
|
14702
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14696
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
14703
14697
|
"isSource": true,
|
|
14704
14698
|
"original": {
|
|
14705
|
-
"value": "{base.color.
|
|
14699
|
+
"value": "{base.color.red.5}",
|
|
14706
14700
|
"$type": "color",
|
|
14707
14701
|
"$extensions": {
|
|
14708
14702
|
"org.primer.figma": {
|
|
@@ -14711,17 +14705,17 @@
|
|
|
14711
14705
|
"group": "semantic",
|
|
14712
14706
|
"scopes": ["borderColor"],
|
|
14713
14707
|
"codeSyntax": {
|
|
14714
|
-
"web": "var(--borderColor-
|
|
14708
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14715
14709
|
}
|
|
14716
14710
|
}
|
|
14717
14711
|
}
|
|
14718
14712
|
},
|
|
14719
|
-
"name": "borderColor-
|
|
14713
|
+
"name": "borderColor-open-emphasis",
|
|
14720
14714
|
"attributes": {},
|
|
14721
|
-
"path": ["borderColor", "
|
|
14715
|
+
"path": ["borderColor", "open", "emphasis"]
|
|
14722
14716
|
},
|
|
14723
|
-
"borderColor-
|
|
14724
|
-
"value": "#
|
|
14717
|
+
"borderColor-attention-muted": {
|
|
14718
|
+
"value": "#d4a72c66",
|
|
14725
14719
|
"$type": "color",
|
|
14726
14720
|
"$extensions": {
|
|
14727
14721
|
"org.primer.figma": {
|
|
@@ -14730,15 +14724,15 @@
|
|
|
14730
14724
|
"group": "semantic",
|
|
14731
14725
|
"scopes": ["borderColor"],
|
|
14732
14726
|
"codeSyntax": {
|
|
14733
|
-
"web": "var(--borderColor-
|
|
14727
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14734
14728
|
}
|
|
14735
14729
|
}
|
|
14736
14730
|
},
|
|
14737
14731
|
"alpha": 0.4,
|
|
14738
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14732
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14739
14733
|
"isSource": true,
|
|
14740
14734
|
"original": {
|
|
14741
|
-
"value": "{base.color.
|
|
14735
|
+
"value": "{base.color.yellow.3}",
|
|
14742
14736
|
"$type": "color",
|
|
14743
14737
|
"$extensions": {
|
|
14744
14738
|
"org.primer.figma": {
|
|
@@ -14747,18 +14741,18 @@
|
|
|
14747
14741
|
"group": "semantic",
|
|
14748
14742
|
"scopes": ["borderColor"],
|
|
14749
14743
|
"codeSyntax": {
|
|
14750
|
-
"web": "var(--borderColor-
|
|
14744
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14751
14745
|
}
|
|
14752
14746
|
}
|
|
14753
14747
|
},
|
|
14754
14748
|
"alpha": 0.4
|
|
14755
14749
|
},
|
|
14756
|
-
"name": "borderColor-
|
|
14750
|
+
"name": "borderColor-attention-muted",
|
|
14757
14751
|
"attributes": {},
|
|
14758
|
-
"path": ["borderColor", "
|
|
14752
|
+
"path": ["borderColor", "attention", "muted"]
|
|
14759
14753
|
},
|
|
14760
|
-
"borderColor-
|
|
14761
|
-
"value": "#
|
|
14754
|
+
"borderColor-attention-emphasis": {
|
|
14755
|
+
"value": "#bf8700",
|
|
14762
14756
|
"$type": "color",
|
|
14763
14757
|
"$extensions": {
|
|
14764
14758
|
"org.primer.figma": {
|
|
@@ -14767,14 +14761,14 @@
|
|
|
14767
14761
|
"group": "semantic",
|
|
14768
14762
|
"scopes": ["borderColor"],
|
|
14769
14763
|
"codeSyntax": {
|
|
14770
|
-
"web": "var(--borderColor-
|
|
14764
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14771
14765
|
}
|
|
14772
14766
|
}
|
|
14773
14767
|
},
|
|
14774
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14768
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14775
14769
|
"isSource": true,
|
|
14776
14770
|
"original": {
|
|
14777
|
-
"value": "{base.color.
|
|
14771
|
+
"value": "{base.color.yellow.4}",
|
|
14778
14772
|
"$type": "color",
|
|
14779
14773
|
"$extensions": {
|
|
14780
14774
|
"org.primer.figma": {
|
|
@@ -14783,16 +14777,16 @@
|
|
|
14783
14777
|
"group": "semantic",
|
|
14784
14778
|
"scopes": ["borderColor"],
|
|
14785
14779
|
"codeSyntax": {
|
|
14786
|
-
"web": "var(--borderColor-
|
|
14780
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14787
14781
|
}
|
|
14788
14782
|
}
|
|
14789
14783
|
}
|
|
14790
14784
|
},
|
|
14791
|
-
"name": "borderColor-
|
|
14785
|
+
"name": "borderColor-attention-emphasis",
|
|
14792
14786
|
"attributes": {},
|
|
14793
|
-
"path": ["borderColor", "
|
|
14787
|
+
"path": ["borderColor", "attention", "emphasis"]
|
|
14794
14788
|
},
|
|
14795
|
-
"borderColor-
|
|
14789
|
+
"borderColor-severe-muted": {
|
|
14796
14790
|
"value": "#ff818266",
|
|
14797
14791
|
"$type": "color",
|
|
14798
14792
|
"$extensions": {
|
|
@@ -14802,12 +14796,12 @@
|
|
|
14802
14796
|
"group": "semantic",
|
|
14803
14797
|
"scopes": ["borderColor"],
|
|
14804
14798
|
"codeSyntax": {
|
|
14805
|
-
"web": "var(--borderColor-
|
|
14799
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14806
14800
|
}
|
|
14807
14801
|
}
|
|
14808
14802
|
},
|
|
14809
14803
|
"alpha": 0.4,
|
|
14810
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14804
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
14811
14805
|
"isSource": true,
|
|
14812
14806
|
"original": {
|
|
14813
14807
|
"value": "{base.color.red.3}",
|
|
@@ -14819,17 +14813,17 @@
|
|
|
14819
14813
|
"group": "semantic",
|
|
14820
14814
|
"scopes": ["borderColor"],
|
|
14821
14815
|
"codeSyntax": {
|
|
14822
|
-
"web": "var(--borderColor-
|
|
14816
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14823
14817
|
}
|
|
14824
14818
|
}
|
|
14825
14819
|
},
|
|
14826
14820
|
"alpha": 0.4
|
|
14827
14821
|
},
|
|
14828
|
-
"name": "borderColor-
|
|
14822
|
+
"name": "borderColor-severe-muted",
|
|
14829
14823
|
"attributes": {},
|
|
14830
|
-
"path": ["borderColor", "
|
|
14824
|
+
"path": ["borderColor", "severe", "muted"]
|
|
14831
14825
|
},
|
|
14832
|
-
"borderColor-
|
|
14826
|
+
"borderColor-severe-emphasis": {
|
|
14833
14827
|
"value": "#cf222e",
|
|
14834
14828
|
"$type": "color",
|
|
14835
14829
|
"$extensions": {
|
|
@@ -14839,11 +14833,11 @@
|
|
|
14839
14833
|
"group": "semantic",
|
|
14840
14834
|
"scopes": ["borderColor"],
|
|
14841
14835
|
"codeSyntax": {
|
|
14842
|
-
"web": "var(--borderColor-
|
|
14836
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14843
14837
|
}
|
|
14844
14838
|
}
|
|
14845
14839
|
},
|
|
14846
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14840
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
14847
14841
|
"isSource": true,
|
|
14848
14842
|
"original": {
|
|
14849
14843
|
"value": "{base.color.red.5}",
|
|
@@ -14855,16 +14849,16 @@
|
|
|
14855
14849
|
"group": "semantic",
|
|
14856
14850
|
"scopes": ["borderColor"],
|
|
14857
14851
|
"codeSyntax": {
|
|
14858
|
-
"web": "var(--borderColor-
|
|
14852
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14859
14853
|
}
|
|
14860
14854
|
}
|
|
14861
14855
|
}
|
|
14862
14856
|
},
|
|
14863
|
-
"name": "borderColor-
|
|
14857
|
+
"name": "borderColor-severe-emphasis",
|
|
14864
14858
|
"attributes": {},
|
|
14865
|
-
"path": ["borderColor", "
|
|
14859
|
+
"path": ["borderColor", "severe", "emphasis"]
|
|
14866
14860
|
},
|
|
14867
|
-
"borderColor-
|
|
14861
|
+
"borderColor-danger-muted": {
|
|
14868
14862
|
"value": "#ff818266",
|
|
14869
14863
|
"$type": "color",
|
|
14870
14864
|
"$extensions": {
|
|
@@ -14874,13 +14868,13 @@
|
|
|
14874
14868
|
"group": "semantic",
|
|
14875
14869
|
"scopes": ["borderColor"],
|
|
14876
14870
|
"codeSyntax": {
|
|
14877
|
-
"web": "var(--borderColor-
|
|
14871
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14878
14872
|
}
|
|
14879
14873
|
}
|
|
14880
14874
|
},
|
|
14881
|
-
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
14882
|
-
"isSource": true,
|
|
14883
14875
|
"alpha": 0.4,
|
|
14876
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14877
|
+
"isSource": true,
|
|
14884
14878
|
"original": {
|
|
14885
14879
|
"value": "{base.color.red.3}",
|
|
14886
14880
|
"$type": "color",
|
|
@@ -14891,17 +14885,17 @@
|
|
|
14891
14885
|
"group": "semantic",
|
|
14892
14886
|
"scopes": ["borderColor"],
|
|
14893
14887
|
"codeSyntax": {
|
|
14894
|
-
"web": "var(--borderColor-
|
|
14888
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14895
14889
|
}
|
|
14896
14890
|
}
|
|
14897
14891
|
},
|
|
14898
14892
|
"alpha": 0.4
|
|
14899
14893
|
},
|
|
14900
|
-
"name": "borderColor-
|
|
14894
|
+
"name": "borderColor-danger-muted",
|
|
14901
14895
|
"attributes": {},
|
|
14902
|
-
"path": ["borderColor", "
|
|
14896
|
+
"path": ["borderColor", "danger", "muted"]
|
|
14903
14897
|
},
|
|
14904
|
-
"borderColor-
|
|
14898
|
+
"borderColor-danger-emphasis": {
|
|
14905
14899
|
"value": "#cf222e",
|
|
14906
14900
|
"$type": "color",
|
|
14907
14901
|
"$extensions": {
|
|
@@ -14911,11 +14905,11 @@
|
|
|
14911
14905
|
"group": "semantic",
|
|
14912
14906
|
"scopes": ["borderColor"],
|
|
14913
14907
|
"codeSyntax": {
|
|
14914
|
-
"web": "var(--borderColor-
|
|
14908
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14915
14909
|
}
|
|
14916
14910
|
}
|
|
14917
14911
|
},
|
|
14918
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14912
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14919
14913
|
"isSource": true,
|
|
14920
14914
|
"original": {
|
|
14921
14915
|
"value": "{base.color.red.5}",
|
|
@@ -14927,14 +14921,14 @@
|
|
|
14927
14921
|
"group": "semantic",
|
|
14928
14922
|
"scopes": ["borderColor"],
|
|
14929
14923
|
"codeSyntax": {
|
|
14930
|
-
"web": "var(--borderColor-
|
|
14924
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14931
14925
|
}
|
|
14932
14926
|
}
|
|
14933
14927
|
}
|
|
14934
14928
|
},
|
|
14935
|
-
"name": "borderColor-
|
|
14929
|
+
"name": "borderColor-danger-emphasis",
|
|
14936
14930
|
"attributes": {},
|
|
14937
|
-
"path": ["borderColor", "
|
|
14931
|
+
"path": ["borderColor", "danger", "emphasis"]
|
|
14938
14932
|
},
|
|
14939
14933
|
"borderColor-closed-muted": {
|
|
14940
14934
|
"value": "#afb8c166",
|
|
@@ -15098,7 +15092,7 @@
|
|
|
15098
15092
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
15099
15093
|
"isSource": true,
|
|
15100
15094
|
"original": {
|
|
15101
|
-
"value": "{
|
|
15095
|
+
"value": "{borderColor.done.muted}",
|
|
15102
15096
|
"$type": "color",
|
|
15103
15097
|
"$extensions": {
|
|
15104
15098
|
"org.primer.figma": {
|
|
@@ -15134,7 +15128,7 @@
|
|
|
15134
15128
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
15135
15129
|
"isSource": true,
|
|
15136
15130
|
"original": {
|
|
15137
|
-
"value": "{
|
|
15131
|
+
"value": "{borderColor.done.emphasis}",
|
|
15138
15132
|
"$type": "color",
|
|
15139
15133
|
"$extensions": {
|
|
15140
15134
|
"org.primer.figma": {
|