@primer/primitives 8.2.4-rc.d955f312 → 8.2.4-rc.ea4beb50
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/README.md +17 -18
- package/dist/css/functional/size/border.css +1 -0
- package/dist/css/functional/themes/dark-colorblind.css +18 -12
- package/dist/css/functional/themes/dark-dimmed.css +20 -14
- package/dist/css/functional/themes/dark-high-contrast.css +258 -252
- package/dist/css/functional/themes/dark-tritanopia.css +20 -14
- package/dist/css/functional/themes/dark.css +20 -14
- package/dist/css/functional/themes/light-colorblind.css +30 -24
- package/dist/css/functional/themes/light-high-contrast.css +154 -148
- package/dist/css/functional/themes/light-tritanopia.css +30 -24
- package/dist/css/functional/themes/light.css +18 -12
- package/dist/css/primitives.css +1 -0
- package/dist/docs/functional/size/border.json +31 -0
- package/dist/docs/functional/themes/dark-colorblind.json +236 -149
- package/dist/docs/functional/themes/dark-dimmed.json +247 -158
- package/dist/docs/functional/themes/dark-high-contrast.json +555 -458
- package/dist/docs/functional/themes/dark-tritanopia.json +240 -153
- package/dist/docs/functional/themes/dark.json +247 -158
- package/dist/docs/functional/themes/light-colorblind.json +254 -173
- package/dist/docs/functional/themes/light-high-contrast.json +452 -361
- package/dist/docs/functional/themes/light-tritanopia.json +252 -171
- package/dist/docs/functional/themes/light.json +246 -157
- package/dist/fallbacks/functional/size/border.json +1 -0
- package/dist/figma/dimension/dimension.json +14 -0
- package/dist/figma/themes/dark-colorblind.json +246 -198
- package/dist/figma/themes/dark-dimmed.json +249 -200
- package/dist/figma/themes/dark-high-contrast.json +675 -625
- package/dist/figma/themes/dark-tritanopia.json +248 -200
- package/dist/figma/themes/dark.json +249 -200
- package/dist/figma/themes/light-colorblind.json +265 -218
- package/dist/figma/themes/light-high-contrast.json +457 -407
- package/dist/figma/themes/light-tritanopia.json +264 -217
- package/dist/figma/themes/light.json +187 -138
- package/dist/internalCss/dark-colorblind.css +18 -12
- package/dist/internalCss/dark-dimmed.css +20 -14
- package/dist/internalCss/dark-high-contrast.css +258 -252
- package/dist/internalCss/dark-tritanopia.css +20 -14
- package/dist/internalCss/dark.css +20 -14
- package/dist/internalCss/light-colorblind.css +30 -24
- package/dist/internalCss/light-high-contrast.css +154 -148
- package/dist/internalCss/light-tritanopia.css +30 -24
- package/dist/internalCss/light.css +18 -12
- package/dist/styleLint/functional/size/border.json +31 -0
- package/dist/styleLint/functional/themes/dark-colorblind.json +236 -149
- package/dist/styleLint/functional/themes/dark-dimmed.json +247 -158
- package/dist/styleLint/functional/themes/dark-high-contrast.json +555 -458
- package/dist/styleLint/functional/themes/dark-tritanopia.json +240 -153
- package/dist/styleLint/functional/themes/dark.json +247 -158
- package/dist/styleLint/functional/themes/light-colorblind.json +254 -173
- package/dist/styleLint/functional/themes/light-high-contrast.json +452 -361
- package/dist/styleLint/functional/themes/light-tritanopia.json +252 -171
- package/dist/styleLint/functional/themes/light.json +246 -157
- package/package.json +38 -35
- package/src/formats/cssAdvanced.ts +3 -3
- package/src/formats/cssCustomMedia.ts +2 -2
- package/src/formats/javascriptCommonJs.ts +2 -2
- package/src/formats/javascriptEsm.ts +2 -2
- package/src/formats/jsonFigma.ts +2 -2
- package/src/formats/jsonNestedPrefixed.ts +2 -2
- package/src/formats/jsonOneDimensional.ts +2 -2
- package/src/formats/jsonPostCssFallback.ts +2 -2
- package/src/formats/typescriptExportDefinition.ts +2 -2
- package/src/schemas/designToken.ts +1 -1
- package/src/schemas/validTokenType.ts +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +528 -2
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
- package/src/tokens/functional/color/dark/patterns-dark.json5 +26 -0
- package/src/tokens/functional/color/dark/primitives-dark.json5 +78 -65
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +400 -0
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
- package/src/tokens/functional/color/light/patterns-light.json5 +26 -0
- package/src/tokens/functional/color/light/primitives-light.json5 +77 -64
- package/src/tokens/functional/size/border.json +13 -0
|
@@ -12566,6 +12566,64 @@
|
|
|
12566
12566
|
"attributes": {},
|
|
12567
12567
|
"path": ["label", "coral", "fgColor", "active"]
|
|
12568
12568
|
},
|
|
12569
|
+
"tooltip-bgColor": {
|
|
12570
|
+
"value": "#636e7b",
|
|
12571
|
+
"$type": "color",
|
|
12572
|
+
"$extensions": {
|
|
12573
|
+
"org.primer.figma": {
|
|
12574
|
+
"collection": "mode",
|
|
12575
|
+
"mode": "dark",
|
|
12576
|
+
"group": "component",
|
|
12577
|
+
"scopes": ["bgColor"]
|
|
12578
|
+
}
|
|
12579
|
+
},
|
|
12580
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
12581
|
+
"isSource": true,
|
|
12582
|
+
"original": {
|
|
12583
|
+
"value": "{bgColor.emphasis}",
|
|
12584
|
+
"$type": "color",
|
|
12585
|
+
"$extensions": {
|
|
12586
|
+
"org.primer.figma": {
|
|
12587
|
+
"collection": "mode",
|
|
12588
|
+
"mode": "dark",
|
|
12589
|
+
"group": "component",
|
|
12590
|
+
"scopes": ["bgColor"]
|
|
12591
|
+
}
|
|
12592
|
+
}
|
|
12593
|
+
},
|
|
12594
|
+
"name": "tooltip-bgColor",
|
|
12595
|
+
"attributes": {},
|
|
12596
|
+
"path": ["tooltip", "bgColor"]
|
|
12597
|
+
},
|
|
12598
|
+
"tooltip-fgColor": {
|
|
12599
|
+
"value": "#cdd9e5",
|
|
12600
|
+
"$type": "color",
|
|
12601
|
+
"$extensions": {
|
|
12602
|
+
"org.primer.figma": {
|
|
12603
|
+
"collection": "mode",
|
|
12604
|
+
"mode": "dark",
|
|
12605
|
+
"group": "component",
|
|
12606
|
+
"scopes": ["fgColor"]
|
|
12607
|
+
}
|
|
12608
|
+
},
|
|
12609
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
12610
|
+
"isSource": true,
|
|
12611
|
+
"original": {
|
|
12612
|
+
"value": "{fgColor.onEmphasis}",
|
|
12613
|
+
"$type": "color",
|
|
12614
|
+
"$extensions": {
|
|
12615
|
+
"org.primer.figma": {
|
|
12616
|
+
"collection": "mode",
|
|
12617
|
+
"mode": "dark",
|
|
12618
|
+
"group": "component",
|
|
12619
|
+
"scopes": ["fgColor"]
|
|
12620
|
+
}
|
|
12621
|
+
}
|
|
12622
|
+
},
|
|
12623
|
+
"name": "tooltip-fgColor",
|
|
12624
|
+
"attributes": {},
|
|
12625
|
+
"path": ["tooltip", "fgColor"]
|
|
12626
|
+
},
|
|
12569
12627
|
"fgColor-default": {
|
|
12570
12628
|
"value": "#c5d1de",
|
|
12571
12629
|
"$type": "color",
|
|
@@ -12687,6 +12745,35 @@
|
|
|
12687
12745
|
"attributes": {},
|
|
12688
12746
|
"path": ["fgColor", "onEmphasis"]
|
|
12689
12747
|
},
|
|
12748
|
+
"fgColor-onInverse": {
|
|
12749
|
+
"value": "#1c2128",
|
|
12750
|
+
"$type": "color",
|
|
12751
|
+
"$extensions": {
|
|
12752
|
+
"org.primer.figma": {
|
|
12753
|
+
"collection": "mode",
|
|
12754
|
+
"mode": "dark",
|
|
12755
|
+
"group": "semantic",
|
|
12756
|
+
"scopes": ["fgColor"]
|
|
12757
|
+
}
|
|
12758
|
+
},
|
|
12759
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12760
|
+
"isSource": true,
|
|
12761
|
+
"original": {
|
|
12762
|
+
"value": "{base.color.black}",
|
|
12763
|
+
"$type": "color",
|
|
12764
|
+
"$extensions": {
|
|
12765
|
+
"org.primer.figma": {
|
|
12766
|
+
"collection": "mode",
|
|
12767
|
+
"mode": "dark",
|
|
12768
|
+
"group": "semantic",
|
|
12769
|
+
"scopes": ["fgColor"]
|
|
12770
|
+
}
|
|
12771
|
+
}
|
|
12772
|
+
},
|
|
12773
|
+
"name": "fgColor-onInverse",
|
|
12774
|
+
"attributes": {},
|
|
12775
|
+
"path": ["fgColor", "onInverse"]
|
|
12776
|
+
},
|
|
12690
12777
|
"fgColor-white": {
|
|
12691
12778
|
"value": "#cdd9e5",
|
|
12692
12779
|
"$type": "color",
|
|
@@ -12810,7 +12897,7 @@
|
|
|
12810
12897
|
"path": ["fgColor", "link"]
|
|
12811
12898
|
},
|
|
12812
12899
|
"fgColor-neutral": {
|
|
12813
|
-
"value": "#
|
|
12900
|
+
"value": "#909dab",
|
|
12814
12901
|
"$type": "color",
|
|
12815
12902
|
"$extensions": {
|
|
12816
12903
|
"org.primer.figma": {
|
|
@@ -12823,7 +12910,7 @@
|
|
|
12823
12910
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12824
12911
|
"isSource": true,
|
|
12825
12912
|
"original": {
|
|
12826
|
-
"value": "{base.color.neutral.
|
|
12913
|
+
"value": "{base.color.neutral.2}",
|
|
12827
12914
|
"$type": "color",
|
|
12828
12915
|
"$extensions": {
|
|
12829
12916
|
"org.primer.figma": {
|
|
@@ -12916,8 +13003,8 @@
|
|
|
12916
13003
|
"attributes": {},
|
|
12917
13004
|
"path": ["fgColor", "success"]
|
|
12918
13005
|
},
|
|
12919
|
-
"fgColor-
|
|
12920
|
-
"value": "#
|
|
13006
|
+
"fgColor-open": {
|
|
13007
|
+
"value": "#57ab5a",
|
|
12921
13008
|
"$type": "color",
|
|
12922
13009
|
"$extensions": {
|
|
12923
13010
|
"org.primer.figma": {
|
|
@@ -12926,14 +13013,14 @@
|
|
|
12926
13013
|
"group": "semantic",
|
|
12927
13014
|
"scopes": ["fgColor"],
|
|
12928
13015
|
"codeSyntax": {
|
|
12929
|
-
"web": "var(--fgColor-
|
|
13016
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
12930
13017
|
}
|
|
12931
13018
|
}
|
|
12932
13019
|
},
|
|
12933
13020
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12934
13021
|
"isSource": true,
|
|
12935
13022
|
"original": {
|
|
12936
|
-
"value": "{
|
|
13023
|
+
"value": "{fgColor.success}",
|
|
12937
13024
|
"$type": "color",
|
|
12938
13025
|
"$extensions": {
|
|
12939
13026
|
"org.primer.figma": {
|
|
@@ -12942,17 +13029,17 @@
|
|
|
12942
13029
|
"group": "semantic",
|
|
12943
13030
|
"scopes": ["fgColor"],
|
|
12944
13031
|
"codeSyntax": {
|
|
12945
|
-
"web": "var(--fgColor-
|
|
13032
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
12946
13033
|
}
|
|
12947
13034
|
}
|
|
12948
13035
|
}
|
|
12949
13036
|
},
|
|
12950
|
-
"name": "fgColor-
|
|
13037
|
+
"name": "fgColor-open",
|
|
12951
13038
|
"attributes": {},
|
|
12952
|
-
"path": ["fgColor", "
|
|
13039
|
+
"path": ["fgColor", "open"]
|
|
12953
13040
|
},
|
|
12954
|
-
"fgColor-
|
|
12955
|
-
"value": "#
|
|
13041
|
+
"fgColor-attention": {
|
|
13042
|
+
"value": "#c69026",
|
|
12956
13043
|
"$type": "color",
|
|
12957
13044
|
"$extensions": {
|
|
12958
13045
|
"org.primer.figma": {
|
|
@@ -12961,14 +13048,14 @@
|
|
|
12961
13048
|
"group": "semantic",
|
|
12962
13049
|
"scopes": ["fgColor"],
|
|
12963
13050
|
"codeSyntax": {
|
|
12964
|
-
"web": "var(--fgColor-
|
|
13051
|
+
"web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
|
|
12965
13052
|
}
|
|
12966
13053
|
}
|
|
12967
13054
|
},
|
|
12968
13055
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12969
13056
|
"isSource": true,
|
|
12970
13057
|
"original": {
|
|
12971
|
-
"value": "{base.color.
|
|
13058
|
+
"value": "{base.color.yellow.3}",
|
|
12972
13059
|
"$type": "color",
|
|
12973
13060
|
"$extensions": {
|
|
12974
13061
|
"org.primer.figma": {
|
|
@@ -12977,17 +13064,17 @@
|
|
|
12977
13064
|
"group": "semantic",
|
|
12978
13065
|
"scopes": ["fgColor"],
|
|
12979
13066
|
"codeSyntax": {
|
|
12980
|
-
"web": "var(--fgColor-
|
|
13067
|
+
"web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
|
|
12981
13068
|
}
|
|
12982
13069
|
}
|
|
12983
13070
|
}
|
|
12984
13071
|
},
|
|
12985
|
-
"name": "fgColor-
|
|
13072
|
+
"name": "fgColor-attention",
|
|
12986
13073
|
"attributes": {},
|
|
12987
|
-
"path": ["fgColor", "
|
|
13074
|
+
"path": ["fgColor", "attention"]
|
|
12988
13075
|
},
|
|
12989
|
-
"fgColor-
|
|
12990
|
-
"value": "#
|
|
13076
|
+
"fgColor-severe": {
|
|
13077
|
+
"value": "#cc6b2c",
|
|
12991
13078
|
"$type": "color",
|
|
12992
13079
|
"$extensions": {
|
|
12993
13080
|
"org.primer.figma": {
|
|
@@ -12996,14 +13083,14 @@
|
|
|
12996
13083
|
"group": "semantic",
|
|
12997
13084
|
"scopes": ["fgColor"],
|
|
12998
13085
|
"codeSyntax": {
|
|
12999
|
-
"web": "var(--fgColor-
|
|
13086
|
+
"web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
|
|
13000
13087
|
}
|
|
13001
13088
|
}
|
|
13002
13089
|
},
|
|
13003
13090
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13004
13091
|
"isSource": true,
|
|
13005
13092
|
"original": {
|
|
13006
|
-
"value": "{base.color.
|
|
13093
|
+
"value": "{base.color.orange.4}",
|
|
13007
13094
|
"$type": "color",
|
|
13008
13095
|
"$extensions": {
|
|
13009
13096
|
"org.primer.figma": {
|
|
@@ -13012,17 +13099,17 @@
|
|
|
13012
13099
|
"group": "semantic",
|
|
13013
13100
|
"scopes": ["fgColor"],
|
|
13014
13101
|
"codeSyntax": {
|
|
13015
|
-
"web": "var(--fgColor-
|
|
13102
|
+
"web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
|
|
13016
13103
|
}
|
|
13017
13104
|
}
|
|
13018
13105
|
}
|
|
13019
13106
|
},
|
|
13020
|
-
"name": "fgColor-
|
|
13107
|
+
"name": "fgColor-severe",
|
|
13021
13108
|
"attributes": {},
|
|
13022
|
-
"path": ["fgColor", "
|
|
13109
|
+
"path": ["fgColor", "severe"]
|
|
13023
13110
|
},
|
|
13024
|
-
"fgColor-
|
|
13025
|
-
"value": "#
|
|
13111
|
+
"fgColor-danger": {
|
|
13112
|
+
"value": "#e5534b",
|
|
13026
13113
|
"$type": "color",
|
|
13027
13114
|
"$extensions": {
|
|
13028
13115
|
"org.primer.figma": {
|
|
@@ -13031,14 +13118,14 @@
|
|
|
13031
13118
|
"group": "semantic",
|
|
13032
13119
|
"scopes": ["fgColor"],
|
|
13033
13120
|
"codeSyntax": {
|
|
13034
|
-
"web": "var(--fgColor-
|
|
13121
|
+
"web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
|
|
13035
13122
|
}
|
|
13036
13123
|
}
|
|
13037
13124
|
},
|
|
13038
13125
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13039
13126
|
"isSource": true,
|
|
13040
13127
|
"original": {
|
|
13041
|
-
"value": "{
|
|
13128
|
+
"value": "{base.color.red.4}",
|
|
13042
13129
|
"$type": "color",
|
|
13043
13130
|
"$extensions": {
|
|
13044
13131
|
"org.primer.figma": {
|
|
@@ -13047,14 +13134,14 @@
|
|
|
13047
13134
|
"group": "semantic",
|
|
13048
13135
|
"scopes": ["fgColor"],
|
|
13049
13136
|
"codeSyntax": {
|
|
13050
|
-
"web": "var(--fgColor-
|
|
13137
|
+
"web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
|
|
13051
13138
|
}
|
|
13052
13139
|
}
|
|
13053
13140
|
}
|
|
13054
13141
|
},
|
|
13055
|
-
"name": "fgColor-
|
|
13142
|
+
"name": "fgColor-danger",
|
|
13056
13143
|
"attributes": {},
|
|
13057
|
-
"path": ["fgColor", "
|
|
13144
|
+
"path": ["fgColor", "danger"]
|
|
13058
13145
|
},
|
|
13059
13146
|
"fgColor-closed": {
|
|
13060
13147
|
"value": "#e5534b",
|
|
@@ -13073,7 +13160,7 @@
|
|
|
13073
13160
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13074
13161
|
"isSource": true,
|
|
13075
13162
|
"original": {
|
|
13076
|
-
"value": "{
|
|
13163
|
+
"value": "{fgColor.danger}",
|
|
13077
13164
|
"$type": "color",
|
|
13078
13165
|
"$extensions": {
|
|
13079
13166
|
"org.primer.figma": {
|
|
@@ -13143,7 +13230,7 @@
|
|
|
13143
13230
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13144
13231
|
"isSource": true,
|
|
13145
13232
|
"original": {
|
|
13146
|
-
"value": "{
|
|
13233
|
+
"value": "{fgColor.done}",
|
|
13147
13234
|
"$type": "color",
|
|
13148
13235
|
"$extensions": {
|
|
13149
13236
|
"org.primer.figma": {
|
|
@@ -13693,8 +13780,8 @@
|
|
|
13693
13780
|
"attributes": {},
|
|
13694
13781
|
"path": ["bgColor", "success", "emphasis"]
|
|
13695
13782
|
},
|
|
13696
|
-
"bgColor-
|
|
13697
|
-
"value": "#
|
|
13783
|
+
"bgColor-open-muted": {
|
|
13784
|
+
"value": "#46954a26",
|
|
13698
13785
|
"$type": "color",
|
|
13699
13786
|
"$extensions": {
|
|
13700
13787
|
"org.primer.figma": {
|
|
@@ -13703,7 +13790,7 @@
|
|
|
13703
13790
|
"group": "semantic",
|
|
13704
13791
|
"scopes": ["bgColor"],
|
|
13705
13792
|
"codeSyntax": {
|
|
13706
|
-
"web": "var(--bgColor-
|
|
13793
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13707
13794
|
}
|
|
13708
13795
|
}
|
|
13709
13796
|
},
|
|
@@ -13711,7 +13798,7 @@
|
|
|
13711
13798
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13712
13799
|
"isSource": true,
|
|
13713
13800
|
"original": {
|
|
13714
|
-
"value": "{
|
|
13801
|
+
"value": "{bgColor.success.muted}",
|
|
13715
13802
|
"$type": "color",
|
|
13716
13803
|
"$extensions": {
|
|
13717
13804
|
"org.primer.figma": {
|
|
@@ -13720,18 +13807,18 @@
|
|
|
13720
13807
|
"group": "semantic",
|
|
13721
13808
|
"scopes": ["bgColor"],
|
|
13722
13809
|
"codeSyntax": {
|
|
13723
|
-
"web": "var(--bgColor-
|
|
13810
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13724
13811
|
}
|
|
13725
13812
|
}
|
|
13726
13813
|
},
|
|
13727
13814
|
"alpha": 0.15
|
|
13728
13815
|
},
|
|
13729
|
-
"name": "bgColor-
|
|
13816
|
+
"name": "bgColor-open-muted",
|
|
13730
13817
|
"attributes": {},
|
|
13731
|
-
"path": ["bgColor", "
|
|
13818
|
+
"path": ["bgColor", "open", "muted"]
|
|
13732
13819
|
},
|
|
13733
|
-
"bgColor-
|
|
13734
|
-
"value": "#
|
|
13820
|
+
"bgColor-open-emphasis": {
|
|
13821
|
+
"value": "#347d39",
|
|
13735
13822
|
"$type": "color",
|
|
13736
13823
|
"$extensions": {
|
|
13737
13824
|
"org.primer.figma": {
|
|
@@ -13740,14 +13827,14 @@
|
|
|
13740
13827
|
"group": "semantic",
|
|
13741
13828
|
"scopes": ["bgColor"],
|
|
13742
13829
|
"codeSyntax": {
|
|
13743
|
-
"web": "var(--bgColor-
|
|
13830
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13744
13831
|
}
|
|
13745
13832
|
}
|
|
13746
13833
|
},
|
|
13747
13834
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13748
13835
|
"isSource": true,
|
|
13749
13836
|
"original": {
|
|
13750
|
-
"value": "{
|
|
13837
|
+
"value": "{bgColor.success.emphasis}",
|
|
13751
13838
|
"$type": "color",
|
|
13752
13839
|
"$extensions": {
|
|
13753
13840
|
"org.primer.figma": {
|
|
@@ -13756,17 +13843,17 @@
|
|
|
13756
13843
|
"group": "semantic",
|
|
13757
13844
|
"scopes": ["bgColor"],
|
|
13758
13845
|
"codeSyntax": {
|
|
13759
|
-
"web": "var(--bgColor-
|
|
13846
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13760
13847
|
}
|
|
13761
13848
|
}
|
|
13762
13849
|
}
|
|
13763
13850
|
},
|
|
13764
|
-
"name": "bgColor-
|
|
13851
|
+
"name": "bgColor-open-emphasis",
|
|
13765
13852
|
"attributes": {},
|
|
13766
|
-
"path": ["bgColor", "
|
|
13853
|
+
"path": ["bgColor", "open", "emphasis"]
|
|
13767
13854
|
},
|
|
13768
|
-
"bgColor-
|
|
13769
|
-
"value": "#
|
|
13855
|
+
"bgColor-attention-muted": {
|
|
13856
|
+
"value": "#ae7c1426",
|
|
13770
13857
|
"$type": "color",
|
|
13771
13858
|
"$extensions": {
|
|
13772
13859
|
"org.primer.figma": {
|
|
@@ -13775,15 +13862,15 @@
|
|
|
13775
13862
|
"group": "semantic",
|
|
13776
13863
|
"scopes": ["bgColor"],
|
|
13777
13864
|
"codeSyntax": {
|
|
13778
|
-
"web": "var(--bgColor-
|
|
13865
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13779
13866
|
}
|
|
13780
13867
|
}
|
|
13781
13868
|
},
|
|
13782
|
-
"alpha": 0.
|
|
13869
|
+
"alpha": 0.15,
|
|
13783
13870
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13784
13871
|
"isSource": true,
|
|
13785
13872
|
"original": {
|
|
13786
|
-
"value": "{base.color.
|
|
13873
|
+
"value": "{base.color.yellow.4}",
|
|
13787
13874
|
"$type": "color",
|
|
13788
13875
|
"$extensions": {
|
|
13789
13876
|
"org.primer.figma": {
|
|
@@ -13792,18 +13879,18 @@
|
|
|
13792
13879
|
"group": "semantic",
|
|
13793
13880
|
"scopes": ["bgColor"],
|
|
13794
13881
|
"codeSyntax": {
|
|
13795
|
-
"web": "var(--bgColor-
|
|
13882
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13796
13883
|
}
|
|
13797
13884
|
}
|
|
13798
13885
|
},
|
|
13799
|
-
"alpha": 0.
|
|
13886
|
+
"alpha": 0.15
|
|
13800
13887
|
},
|
|
13801
|
-
"name": "bgColor-
|
|
13888
|
+
"name": "bgColor-attention-muted",
|
|
13802
13889
|
"attributes": {},
|
|
13803
|
-
"path": ["bgColor", "
|
|
13890
|
+
"path": ["bgColor", "attention", "muted"]
|
|
13804
13891
|
},
|
|
13805
|
-
"bgColor-
|
|
13806
|
-
"value": "#
|
|
13892
|
+
"bgColor-attention-emphasis": {
|
|
13893
|
+
"value": "#966600",
|
|
13807
13894
|
"$type": "color",
|
|
13808
13895
|
"$extensions": {
|
|
13809
13896
|
"org.primer.figma": {
|
|
@@ -13812,14 +13899,14 @@
|
|
|
13812
13899
|
"group": "semantic",
|
|
13813
13900
|
"scopes": ["bgColor"],
|
|
13814
13901
|
"codeSyntax": {
|
|
13815
|
-
"web": "var(--bgColor-
|
|
13902
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13816
13903
|
}
|
|
13817
13904
|
}
|
|
13818
13905
|
},
|
|
13819
13906
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13820
13907
|
"isSource": true,
|
|
13821
13908
|
"original": {
|
|
13822
|
-
"value": "{base.color.
|
|
13909
|
+
"value": "{base.color.yellow.5}",
|
|
13823
13910
|
"$type": "color",
|
|
13824
13911
|
"$extensions": {
|
|
13825
13912
|
"org.primer.figma": {
|
|
@@ -13828,17 +13915,17 @@
|
|
|
13828
13915
|
"group": "semantic",
|
|
13829
13916
|
"scopes": ["bgColor"],
|
|
13830
13917
|
"codeSyntax": {
|
|
13831
|
-
"web": "var(--bgColor-
|
|
13918
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13832
13919
|
}
|
|
13833
13920
|
}
|
|
13834
13921
|
}
|
|
13835
13922
|
},
|
|
13836
|
-
"name": "bgColor-
|
|
13923
|
+
"name": "bgColor-attention-emphasis",
|
|
13837
13924
|
"attributes": {},
|
|
13838
|
-
"path": ["bgColor", "
|
|
13925
|
+
"path": ["bgColor", "attention", "emphasis"]
|
|
13839
13926
|
},
|
|
13840
|
-
"bgColor-
|
|
13841
|
-
"value": "#
|
|
13927
|
+
"bgColor-severe-muted": {
|
|
13928
|
+
"value": "#cc6b2c1a",
|
|
13842
13929
|
"$type": "color",
|
|
13843
13930
|
"$extensions": {
|
|
13844
13931
|
"org.primer.figma": {
|
|
@@ -13847,7 +13934,7 @@
|
|
|
13847
13934
|
"group": "semantic",
|
|
13848
13935
|
"scopes": ["bgColor"],
|
|
13849
13936
|
"codeSyntax": {
|
|
13850
|
-
"web": "var(--bgColor-
|
|
13937
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13851
13938
|
}
|
|
13852
13939
|
}
|
|
13853
13940
|
},
|
|
@@ -13855,7 +13942,7 @@
|
|
|
13855
13942
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13856
13943
|
"isSource": true,
|
|
13857
13944
|
"original": {
|
|
13858
|
-
"value": "{base.color.
|
|
13945
|
+
"value": "{base.color.orange.4}",
|
|
13859
13946
|
"$type": "color",
|
|
13860
13947
|
"$extensions": {
|
|
13861
13948
|
"org.primer.figma": {
|
|
@@ -13864,18 +13951,18 @@
|
|
|
13864
13951
|
"group": "semantic",
|
|
13865
13952
|
"scopes": ["bgColor"],
|
|
13866
13953
|
"codeSyntax": {
|
|
13867
|
-
"web": "var(--bgColor-
|
|
13954
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13868
13955
|
}
|
|
13869
13956
|
}
|
|
13870
13957
|
},
|
|
13871
13958
|
"alpha": 0.1
|
|
13872
13959
|
},
|
|
13873
|
-
"name": "bgColor-
|
|
13960
|
+
"name": "bgColor-severe-muted",
|
|
13874
13961
|
"attributes": {},
|
|
13875
|
-
"path": ["bgColor", "
|
|
13962
|
+
"path": ["bgColor", "severe", "muted"]
|
|
13876
13963
|
},
|
|
13877
|
-
"bgColor-
|
|
13878
|
-
"value": "#
|
|
13964
|
+
"bgColor-severe-emphasis": {
|
|
13965
|
+
"value": "#ae5622",
|
|
13879
13966
|
"$type": "color",
|
|
13880
13967
|
"$extensions": {
|
|
13881
13968
|
"org.primer.figma": {
|
|
@@ -13884,14 +13971,14 @@
|
|
|
13884
13971
|
"group": "semantic",
|
|
13885
13972
|
"scopes": ["bgColor"],
|
|
13886
13973
|
"codeSyntax": {
|
|
13887
|
-
"web": "var(--bgColor-
|
|
13974
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13888
13975
|
}
|
|
13889
13976
|
}
|
|
13890
13977
|
},
|
|
13891
13978
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13892
13979
|
"isSource": true,
|
|
13893
13980
|
"original": {
|
|
13894
|
-
"value": "{base.color.
|
|
13981
|
+
"value": "{base.color.orange.5}",
|
|
13895
13982
|
"$type": "color",
|
|
13896
13983
|
"$extensions": {
|
|
13897
13984
|
"org.primer.figma": {
|
|
@@ -13900,17 +13987,17 @@
|
|
|
13900
13987
|
"group": "semantic",
|
|
13901
13988
|
"scopes": ["bgColor"],
|
|
13902
13989
|
"codeSyntax": {
|
|
13903
|
-
"web": "var(--bgColor-
|
|
13990
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13904
13991
|
}
|
|
13905
13992
|
}
|
|
13906
13993
|
}
|
|
13907
13994
|
},
|
|
13908
|
-
"name": "bgColor-
|
|
13995
|
+
"name": "bgColor-severe-emphasis",
|
|
13909
13996
|
"attributes": {},
|
|
13910
|
-
"path": ["bgColor", "
|
|
13997
|
+
"path": ["bgColor", "severe", "emphasis"]
|
|
13911
13998
|
},
|
|
13912
|
-
"bgColor-
|
|
13913
|
-
"value": "#
|
|
13999
|
+
"bgColor-danger-muted": {
|
|
14000
|
+
"value": "#e5534b1a",
|
|
13914
14001
|
"$type": "color",
|
|
13915
14002
|
"$extensions": {
|
|
13916
14003
|
"org.primer.figma": {
|
|
@@ -13919,7 +14006,7 @@
|
|
|
13919
14006
|
"group": "semantic",
|
|
13920
14007
|
"scopes": ["bgColor"],
|
|
13921
14008
|
"codeSyntax": {
|
|
13922
|
-
"web": "var(--bgColor-
|
|
14009
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13923
14010
|
}
|
|
13924
14011
|
}
|
|
13925
14012
|
},
|
|
@@ -13927,7 +14014,7 @@
|
|
|
13927
14014
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13928
14015
|
"isSource": true,
|
|
13929
14016
|
"original": {
|
|
13930
|
-
"value": "{
|
|
14017
|
+
"value": "{base.color.red.4}",
|
|
13931
14018
|
"$type": "color",
|
|
13932
14019
|
"$extensions": {
|
|
13933
14020
|
"org.primer.figma": {
|
|
@@ -13936,18 +14023,18 @@
|
|
|
13936
14023
|
"group": "semantic",
|
|
13937
14024
|
"scopes": ["bgColor"],
|
|
13938
14025
|
"codeSyntax": {
|
|
13939
|
-
"web": "var(--bgColor-
|
|
14026
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13940
14027
|
}
|
|
13941
14028
|
}
|
|
13942
14029
|
},
|
|
13943
14030
|
"alpha": 0.1
|
|
13944
14031
|
},
|
|
13945
|
-
"name": "bgColor-
|
|
14032
|
+
"name": "bgColor-danger-muted",
|
|
13946
14033
|
"attributes": {},
|
|
13947
|
-
"path": ["bgColor", "
|
|
14034
|
+
"path": ["bgColor", "danger", "muted"]
|
|
13948
14035
|
},
|
|
13949
|
-
"bgColor-
|
|
13950
|
-
"value": "#
|
|
14036
|
+
"bgColor-danger-emphasis": {
|
|
14037
|
+
"value": "#c93c37",
|
|
13951
14038
|
"$type": "color",
|
|
13952
14039
|
"$extensions": {
|
|
13953
14040
|
"org.primer.figma": {
|
|
@@ -13956,14 +14043,14 @@
|
|
|
13956
14043
|
"group": "semantic",
|
|
13957
14044
|
"scopes": ["bgColor"],
|
|
13958
14045
|
"codeSyntax": {
|
|
13959
|
-
"web": "var(--bgColor-
|
|
14046
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13960
14047
|
}
|
|
13961
14048
|
}
|
|
13962
14049
|
},
|
|
13963
14050
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13964
14051
|
"isSource": true,
|
|
13965
14052
|
"original": {
|
|
13966
|
-
"value": "{
|
|
14053
|
+
"value": "{base.color.red.5}",
|
|
13967
14054
|
"$type": "color",
|
|
13968
14055
|
"$extensions": {
|
|
13969
14056
|
"org.primer.figma": {
|
|
@@ -13972,17 +14059,17 @@
|
|
|
13972
14059
|
"group": "semantic",
|
|
13973
14060
|
"scopes": ["bgColor"],
|
|
13974
14061
|
"codeSyntax": {
|
|
13975
|
-
"web": "var(--bgColor-
|
|
14062
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13976
14063
|
}
|
|
13977
14064
|
}
|
|
13978
14065
|
}
|
|
13979
14066
|
},
|
|
13980
|
-
"name": "bgColor-
|
|
14067
|
+
"name": "bgColor-danger-emphasis",
|
|
13981
14068
|
"attributes": {},
|
|
13982
|
-
"path": ["bgColor", "
|
|
14069
|
+
"path": ["bgColor", "danger", "emphasis"]
|
|
13983
14070
|
},
|
|
13984
14071
|
"bgColor-closed-muted": {
|
|
13985
|
-
"value": "#
|
|
14072
|
+
"value": "#e5534b1a",
|
|
13986
14073
|
"$type": "color",
|
|
13987
14074
|
"$extensions": {
|
|
13988
14075
|
"org.primer.figma": {
|
|
@@ -13995,11 +14082,11 @@
|
|
|
13995
14082
|
}
|
|
13996
14083
|
}
|
|
13997
14084
|
},
|
|
13998
|
-
"alpha": 0.
|
|
14085
|
+
"alpha": 0.1,
|
|
13999
14086
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14000
14087
|
"isSource": true,
|
|
14001
14088
|
"original": {
|
|
14002
|
-
"value": "{
|
|
14089
|
+
"value": "{bgColor.danger.muted}",
|
|
14003
14090
|
"$type": "color",
|
|
14004
14091
|
"$extensions": {
|
|
14005
14092
|
"org.primer.figma": {
|
|
@@ -14012,7 +14099,7 @@
|
|
|
14012
14099
|
}
|
|
14013
14100
|
}
|
|
14014
14101
|
},
|
|
14015
|
-
"alpha": 0.
|
|
14102
|
+
"alpha": 0.1
|
|
14016
14103
|
},
|
|
14017
14104
|
"name": "bgColor-closed-muted",
|
|
14018
14105
|
"attributes": {},
|
|
@@ -14035,7 +14122,7 @@
|
|
|
14035
14122
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14036
14123
|
"isSource": true,
|
|
14037
14124
|
"original": {
|
|
14038
|
-
"value": "{
|
|
14125
|
+
"value": "{bgColor.danger.emphasis}",
|
|
14039
14126
|
"$type": "color",
|
|
14040
14127
|
"$extensions": {
|
|
14041
14128
|
"org.primer.figma": {
|
|
@@ -14143,7 +14230,7 @@
|
|
|
14143
14230
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14144
14231
|
"isSource": true,
|
|
14145
14232
|
"original": {
|
|
14146
|
-
"value": "{
|
|
14233
|
+
"value": "{bgColor.done.muted}",
|
|
14147
14234
|
"$type": "color",
|
|
14148
14235
|
"$extensions": {
|
|
14149
14236
|
"org.primer.figma": {
|
|
@@ -14179,7 +14266,7 @@
|
|
|
14179
14266
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14180
14267
|
"isSource": true,
|
|
14181
14268
|
"original": {
|
|
14182
|
-
"value": "{
|
|
14269
|
+
"value": "{bgColor.done.emphasis}",
|
|
14183
14270
|
"$type": "color",
|
|
14184
14271
|
"$extensions": {
|
|
14185
14272
|
"org.primer.figma": {
|
|
@@ -14663,8 +14750,8 @@
|
|
|
14663
14750
|
"attributes": {},
|
|
14664
14751
|
"path": ["borderColor", "success", "emphasis"]
|
|
14665
14752
|
},
|
|
14666
|
-
"borderColor-
|
|
14667
|
-
"value": "#
|
|
14753
|
+
"borderColor-open-muted": {
|
|
14754
|
+
"value": "#46954a66",
|
|
14668
14755
|
"$type": "color",
|
|
14669
14756
|
"$extensions": {
|
|
14670
14757
|
"org.primer.figma": {
|
|
@@ -14673,7 +14760,7 @@
|
|
|
14673
14760
|
"group": "semantic",
|
|
14674
14761
|
"scopes": ["borderColor"],
|
|
14675
14762
|
"codeSyntax": {
|
|
14676
|
-
"web": "var(--borderColor-
|
|
14763
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14677
14764
|
}
|
|
14678
14765
|
}
|
|
14679
14766
|
},
|
|
@@ -14681,7 +14768,7 @@
|
|
|
14681
14768
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14682
14769
|
"isSource": true,
|
|
14683
14770
|
"original": {
|
|
14684
|
-
"value": "{
|
|
14771
|
+
"value": "{borderColor.success.muted}",
|
|
14685
14772
|
"$type": "color",
|
|
14686
14773
|
"$extensions": {
|
|
14687
14774
|
"org.primer.figma": {
|
|
@@ -14690,18 +14777,18 @@
|
|
|
14690
14777
|
"group": "semantic",
|
|
14691
14778
|
"scopes": ["borderColor"],
|
|
14692
14779
|
"codeSyntax": {
|
|
14693
|
-
"web": "var(--borderColor-
|
|
14780
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14694
14781
|
}
|
|
14695
14782
|
}
|
|
14696
14783
|
},
|
|
14697
14784
|
"alpha": 0.4
|
|
14698
14785
|
},
|
|
14699
|
-
"name": "borderColor-
|
|
14786
|
+
"name": "borderColor-open-muted",
|
|
14700
14787
|
"attributes": {},
|
|
14701
|
-
"path": ["borderColor", "
|
|
14788
|
+
"path": ["borderColor", "open", "muted"]
|
|
14702
14789
|
},
|
|
14703
|
-
"borderColor-
|
|
14704
|
-
"value": "#
|
|
14790
|
+
"borderColor-open-emphasis": {
|
|
14791
|
+
"value": "#347d39",
|
|
14705
14792
|
"$type": "color",
|
|
14706
14793
|
"$extensions": {
|
|
14707
14794
|
"org.primer.figma": {
|
|
@@ -14710,14 +14797,14 @@
|
|
|
14710
14797
|
"group": "semantic",
|
|
14711
14798
|
"scopes": ["borderColor"],
|
|
14712
14799
|
"codeSyntax": {
|
|
14713
|
-
"web": "var(--borderColor-
|
|
14800
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14714
14801
|
}
|
|
14715
14802
|
}
|
|
14716
14803
|
},
|
|
14717
14804
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14718
14805
|
"isSource": true,
|
|
14719
14806
|
"original": {
|
|
14720
|
-
"value": "{
|
|
14807
|
+
"value": "{borderColor.success.emphasis}",
|
|
14721
14808
|
"$type": "color",
|
|
14722
14809
|
"$extensions": {
|
|
14723
14810
|
"org.primer.figma": {
|
|
@@ -14726,17 +14813,17 @@
|
|
|
14726
14813
|
"group": "semantic",
|
|
14727
14814
|
"scopes": ["borderColor"],
|
|
14728
14815
|
"codeSyntax": {
|
|
14729
|
-
"web": "var(--borderColor-
|
|
14816
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14730
14817
|
}
|
|
14731
14818
|
}
|
|
14732
14819
|
}
|
|
14733
14820
|
},
|
|
14734
|
-
"name": "borderColor-
|
|
14821
|
+
"name": "borderColor-open-emphasis",
|
|
14735
14822
|
"attributes": {},
|
|
14736
|
-
"path": ["borderColor", "
|
|
14823
|
+
"path": ["borderColor", "open", "emphasis"]
|
|
14737
14824
|
},
|
|
14738
|
-
"borderColor-
|
|
14739
|
-
"value": "#
|
|
14825
|
+
"borderColor-attention-muted": {
|
|
14826
|
+
"value": "#ae7c1466",
|
|
14740
14827
|
"$type": "color",
|
|
14741
14828
|
"$extensions": {
|
|
14742
14829
|
"org.primer.figma": {
|
|
@@ -14745,7 +14832,7 @@
|
|
|
14745
14832
|
"group": "semantic",
|
|
14746
14833
|
"scopes": ["borderColor"],
|
|
14747
14834
|
"codeSyntax": {
|
|
14748
|
-
"web": "var(--borderColor-
|
|
14835
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14749
14836
|
}
|
|
14750
14837
|
}
|
|
14751
14838
|
},
|
|
@@ -14753,7 +14840,7 @@
|
|
|
14753
14840
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14754
14841
|
"isSource": true,
|
|
14755
14842
|
"original": {
|
|
14756
|
-
"value": "{base.color.
|
|
14843
|
+
"value": "{base.color.yellow.4}",
|
|
14757
14844
|
"$type": "color",
|
|
14758
14845
|
"$extensions": {
|
|
14759
14846
|
"org.primer.figma": {
|
|
@@ -14762,18 +14849,18 @@
|
|
|
14762
14849
|
"group": "semantic",
|
|
14763
14850
|
"scopes": ["borderColor"],
|
|
14764
14851
|
"codeSyntax": {
|
|
14765
|
-
"web": "var(--borderColor-
|
|
14852
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14766
14853
|
}
|
|
14767
14854
|
}
|
|
14768
14855
|
},
|
|
14769
14856
|
"alpha": 0.4
|
|
14770
14857
|
},
|
|
14771
|
-
"name": "borderColor-
|
|
14858
|
+
"name": "borderColor-attention-muted",
|
|
14772
14859
|
"attributes": {},
|
|
14773
|
-
"path": ["borderColor", "
|
|
14860
|
+
"path": ["borderColor", "attention", "muted"]
|
|
14774
14861
|
},
|
|
14775
|
-
"borderColor-
|
|
14776
|
-
"value": "#
|
|
14862
|
+
"borderColor-attention-emphasis": {
|
|
14863
|
+
"value": "#966600",
|
|
14777
14864
|
"$type": "color",
|
|
14778
14865
|
"$extensions": {
|
|
14779
14866
|
"org.primer.figma": {
|
|
@@ -14782,14 +14869,14 @@
|
|
|
14782
14869
|
"group": "semantic",
|
|
14783
14870
|
"scopes": ["borderColor"],
|
|
14784
14871
|
"codeSyntax": {
|
|
14785
|
-
"web": "var(--borderColor-
|
|
14872
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14786
14873
|
}
|
|
14787
14874
|
}
|
|
14788
14875
|
},
|
|
14789
14876
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14790
14877
|
"isSource": true,
|
|
14791
14878
|
"original": {
|
|
14792
|
-
"value": "{base.color.
|
|
14879
|
+
"value": "{base.color.yellow.5}",
|
|
14793
14880
|
"$type": "color",
|
|
14794
14881
|
"$extensions": {
|
|
14795
14882
|
"org.primer.figma": {
|
|
@@ -14798,17 +14885,17 @@
|
|
|
14798
14885
|
"group": "semantic",
|
|
14799
14886
|
"scopes": ["borderColor"],
|
|
14800
14887
|
"codeSyntax": {
|
|
14801
|
-
"web": "var(--borderColor-
|
|
14888
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14802
14889
|
}
|
|
14803
14890
|
}
|
|
14804
14891
|
}
|
|
14805
14892
|
},
|
|
14806
|
-
"name": "borderColor-
|
|
14893
|
+
"name": "borderColor-attention-emphasis",
|
|
14807
14894
|
"attributes": {},
|
|
14808
|
-
"path": ["borderColor", "
|
|
14895
|
+
"path": ["borderColor", "attention", "emphasis"]
|
|
14809
14896
|
},
|
|
14810
|
-
"borderColor-
|
|
14811
|
-
"value": "#
|
|
14897
|
+
"borderColor-severe-muted": {
|
|
14898
|
+
"value": "#cc6b2c66",
|
|
14812
14899
|
"$type": "color",
|
|
14813
14900
|
"$extensions": {
|
|
14814
14901
|
"org.primer.figma": {
|
|
@@ -14817,7 +14904,7 @@
|
|
|
14817
14904
|
"group": "semantic",
|
|
14818
14905
|
"scopes": ["borderColor"],
|
|
14819
14906
|
"codeSyntax": {
|
|
14820
|
-
"web": "var(--borderColor-
|
|
14907
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14821
14908
|
}
|
|
14822
14909
|
}
|
|
14823
14910
|
},
|
|
@@ -14825,7 +14912,7 @@
|
|
|
14825
14912
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14826
14913
|
"isSource": true,
|
|
14827
14914
|
"original": {
|
|
14828
|
-
"value": "{base.color.
|
|
14915
|
+
"value": "{base.color.orange.4}",
|
|
14829
14916
|
"$type": "color",
|
|
14830
14917
|
"$extensions": {
|
|
14831
14918
|
"org.primer.figma": {
|
|
@@ -14834,18 +14921,18 @@
|
|
|
14834
14921
|
"group": "semantic",
|
|
14835
14922
|
"scopes": ["borderColor"],
|
|
14836
14923
|
"codeSyntax": {
|
|
14837
|
-
"web": "var(--borderColor-
|
|
14924
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14838
14925
|
}
|
|
14839
14926
|
}
|
|
14840
14927
|
},
|
|
14841
14928
|
"alpha": 0.4
|
|
14842
14929
|
},
|
|
14843
|
-
"name": "borderColor-
|
|
14930
|
+
"name": "borderColor-severe-muted",
|
|
14844
14931
|
"attributes": {},
|
|
14845
|
-
"path": ["borderColor", "
|
|
14932
|
+
"path": ["borderColor", "severe", "muted"]
|
|
14846
14933
|
},
|
|
14847
|
-
"borderColor-
|
|
14848
|
-
"value": "#
|
|
14934
|
+
"borderColor-severe-emphasis": {
|
|
14935
|
+
"value": "#ae5622",
|
|
14849
14936
|
"$type": "color",
|
|
14850
14937
|
"$extensions": {
|
|
14851
14938
|
"org.primer.figma": {
|
|
@@ -14854,14 +14941,14 @@
|
|
|
14854
14941
|
"group": "semantic",
|
|
14855
14942
|
"scopes": ["borderColor"],
|
|
14856
14943
|
"codeSyntax": {
|
|
14857
|
-
"web": "var(--borderColor-
|
|
14944
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14858
14945
|
}
|
|
14859
14946
|
}
|
|
14860
14947
|
},
|
|
14861
14948
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14862
14949
|
"isSource": true,
|
|
14863
14950
|
"original": {
|
|
14864
|
-
"value": "{base.color.
|
|
14951
|
+
"value": "{base.color.orange.5}",
|
|
14865
14952
|
"$type": "color",
|
|
14866
14953
|
"$extensions": {
|
|
14867
14954
|
"org.primer.figma": {
|
|
@@ -14870,17 +14957,17 @@
|
|
|
14870
14957
|
"group": "semantic",
|
|
14871
14958
|
"scopes": ["borderColor"],
|
|
14872
14959
|
"codeSyntax": {
|
|
14873
|
-
"web": "var(--borderColor-
|
|
14960
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14874
14961
|
}
|
|
14875
14962
|
}
|
|
14876
14963
|
}
|
|
14877
14964
|
},
|
|
14878
|
-
"name": "borderColor-
|
|
14965
|
+
"name": "borderColor-severe-emphasis",
|
|
14879
14966
|
"attributes": {},
|
|
14880
|
-
"path": ["borderColor", "
|
|
14967
|
+
"path": ["borderColor", "severe", "emphasis"]
|
|
14881
14968
|
},
|
|
14882
|
-
"borderColor-
|
|
14883
|
-
"value": "#
|
|
14969
|
+
"borderColor-danger-muted": {
|
|
14970
|
+
"value": "#e5534b66",
|
|
14884
14971
|
"$type": "color",
|
|
14885
14972
|
"$extensions": {
|
|
14886
14973
|
"org.primer.figma": {
|
|
@@ -14889,14 +14976,15 @@
|
|
|
14889
14976
|
"group": "semantic",
|
|
14890
14977
|
"scopes": ["borderColor"],
|
|
14891
14978
|
"codeSyntax": {
|
|
14892
|
-
"web": "var(--borderColor-
|
|
14979
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14893
14980
|
}
|
|
14894
14981
|
}
|
|
14895
14982
|
},
|
|
14983
|
+
"alpha": 0.4,
|
|
14896
14984
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14897
14985
|
"isSource": true,
|
|
14898
14986
|
"original": {
|
|
14899
|
-
"value": "{
|
|
14987
|
+
"value": "{base.color.red.4}",
|
|
14900
14988
|
"$type": "color",
|
|
14901
14989
|
"$extensions": {
|
|
14902
14990
|
"org.primer.figma": {
|
|
@@ -14905,17 +14993,18 @@
|
|
|
14905
14993
|
"group": "semantic",
|
|
14906
14994
|
"scopes": ["borderColor"],
|
|
14907
14995
|
"codeSyntax": {
|
|
14908
|
-
"web": "var(--borderColor-
|
|
14996
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14909
14997
|
}
|
|
14910
14998
|
}
|
|
14911
|
-
}
|
|
14999
|
+
},
|
|
15000
|
+
"alpha": 0.4
|
|
14912
15001
|
},
|
|
14913
|
-
"name": "borderColor-
|
|
15002
|
+
"name": "borderColor-danger-muted",
|
|
14914
15003
|
"attributes": {},
|
|
14915
|
-
"path": ["borderColor", "
|
|
15004
|
+
"path": ["borderColor", "danger", "muted"]
|
|
14916
15005
|
},
|
|
14917
|
-
"borderColor-
|
|
14918
|
-
"value": "#
|
|
15006
|
+
"borderColor-danger-emphasis": {
|
|
15007
|
+
"value": "#c93c37",
|
|
14919
15008
|
"$type": "color",
|
|
14920
15009
|
"$extensions": {
|
|
14921
15010
|
"org.primer.figma": {
|
|
@@ -14924,14 +15013,14 @@
|
|
|
14924
15013
|
"group": "semantic",
|
|
14925
15014
|
"scopes": ["borderColor"],
|
|
14926
15015
|
"codeSyntax": {
|
|
14927
|
-
"web": "var(--borderColor-
|
|
15016
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14928
15017
|
}
|
|
14929
15018
|
}
|
|
14930
15019
|
},
|
|
14931
15020
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14932
15021
|
"isSource": true,
|
|
14933
15022
|
"original": {
|
|
14934
|
-
"value": "{
|
|
15023
|
+
"value": "{base.color.red.5}",
|
|
14935
15024
|
"$type": "color",
|
|
14936
15025
|
"$extensions": {
|
|
14937
15026
|
"org.primer.figma": {
|
|
@@ -14940,14 +15029,14 @@
|
|
|
14940
15029
|
"group": "semantic",
|
|
14941
15030
|
"scopes": ["borderColor"],
|
|
14942
15031
|
"codeSyntax": {
|
|
14943
|
-
"web": "var(--borderColor-
|
|
15032
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14944
15033
|
}
|
|
14945
15034
|
}
|
|
14946
15035
|
}
|
|
14947
15036
|
},
|
|
14948
|
-
"name": "borderColor-
|
|
15037
|
+
"name": "borderColor-danger-emphasis",
|
|
14949
15038
|
"attributes": {},
|
|
14950
|
-
"path": ["borderColor", "
|
|
15039
|
+
"path": ["borderColor", "danger", "emphasis"]
|
|
14951
15040
|
},
|
|
14952
15041
|
"borderColor-closed-muted": {
|
|
14953
15042
|
"value": "#e5534b66",
|
|
@@ -14967,7 +15056,7 @@
|
|
|
14967
15056
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14968
15057
|
"isSource": true,
|
|
14969
15058
|
"original": {
|
|
14970
|
-
"value": "{
|
|
15059
|
+
"value": "{borderColor.danger.muted}",
|
|
14971
15060
|
"$type": "color",
|
|
14972
15061
|
"$extensions": {
|
|
14973
15062
|
"org.primer.figma": {
|
|
@@ -15003,7 +15092,7 @@
|
|
|
15003
15092
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
15004
15093
|
"isSource": true,
|
|
15005
15094
|
"original": {
|
|
15006
|
-
"value": "{
|
|
15095
|
+
"value": "{borderColor.danger.emphasis}",
|
|
15007
15096
|
"$type": "color",
|
|
15008
15097
|
"$extensions": {
|
|
15009
15098
|
"org.primer.figma": {
|
|
@@ -15111,7 +15200,7 @@
|
|
|
15111
15200
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
15112
15201
|
"isSource": true,
|
|
15113
15202
|
"original": {
|
|
15114
|
-
"value": "{
|
|
15203
|
+
"value": "{borderColor.done.muted}",
|
|
15115
15204
|
"$type": "color",
|
|
15116
15205
|
"$extensions": {
|
|
15117
15206
|
"org.primer.figma": {
|
|
@@ -15147,7 +15236,7 @@
|
|
|
15147
15236
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
15148
15237
|
"isSource": true,
|
|
15149
15238
|
"original": {
|
|
15150
|
-
"value": "{
|
|
15239
|
+
"value": "{borderColor.done.emphasis}",
|
|
15151
15240
|
"$type": "color",
|
|
15152
15241
|
"$extensions": {
|
|
15153
15242
|
"org.primer.figma": {
|