@primer/primitives 8.1.0 → 8.1.1-rc.acc880f0
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 +28 -18
- package/dist/css/functional/themes/dark-dimmed.css +28 -18
- package/dist/css/functional/themes/dark-high-contrast.css +10 -0
- package/dist/css/functional/themes/dark-tritanopia.css +28 -18
- package/dist/css/functional/themes/dark.css +28 -18
- package/dist/css/functional/themes/light-colorblind.css +10 -0
- package/dist/css/functional/themes/light-high-contrast.css +10 -0
- package/dist/css/functional/themes/light-tritanopia.css +10 -0
- package/dist/css/functional/themes/light.css +10 -0
- package/dist/docs/functional/themes/dark-colorblind.json +159 -14
- package/dist/docs/functional/themes/dark-dimmed.json +159 -14
- package/dist/docs/functional/themes/dark-high-contrast.json +145 -0
- package/dist/docs/functional/themes/dark-tritanopia.json +159 -14
- package/dist/docs/functional/themes/dark.json +159 -14
- package/dist/docs/functional/themes/light-colorblind.json +145 -0
- package/dist/docs/functional/themes/light-high-contrast.json +145 -0
- package/dist/docs/functional/themes/light-tritanopia.json +145 -0
- package/dist/docs/functional/themes/light.json +145 -0
- package/dist/docs/functional/typography/typography.json +19 -1
- package/dist/figma/themes/dark-colorblind.json +108 -28
- package/dist/figma/themes/dark-dimmed.json +108 -28
- package/dist/figma/themes/dark-high-contrast.json +80 -0
- package/dist/figma/themes/dark-tritanopia.json +108 -28
- package/dist/figma/themes/dark.json +108 -28
- package/dist/figma/themes/light-colorblind.json +80 -0
- package/dist/figma/themes/light-high-contrast.json +80 -0
- package/dist/figma/themes/light-tritanopia.json +80 -0
- package/dist/figma/themes/light.json +80 -0
- package/dist/figma/typography/typography.json +12 -1
- package/dist/internalCss/dark-colorblind.css +28 -18
- package/dist/internalCss/dark-dimmed.css +28 -18
- package/dist/internalCss/dark-high-contrast.css +10 -0
- package/dist/internalCss/dark-tritanopia.css +28 -18
- package/dist/internalCss/dark.css +28 -18
- package/dist/internalCss/light-colorblind.css +10 -0
- package/dist/internalCss/light-high-contrast.css +10 -0
- package/dist/internalCss/light-tritanopia.css +10 -0
- package/dist/internalCss/light.css +10 -0
- package/dist/styleLint/functional/themes/dark-colorblind.json +159 -14
- package/dist/styleLint/functional/themes/dark-dimmed.json +159 -14
- package/dist/styleLint/functional/themes/dark-high-contrast.json +145 -0
- package/dist/styleLint/functional/themes/dark-tritanopia.json +159 -14
- package/dist/styleLint/functional/themes/dark.json +159 -14
- package/dist/styleLint/functional/themes/light-colorblind.json +145 -0
- package/dist/styleLint/functional/themes/light-high-contrast.json +145 -0
- package/dist/styleLint/functional/themes/light-tritanopia.json +145 -0
- package/dist/styleLint/functional/themes/light.json +145 -0
- package/dist/styleLint/functional/typography/typography.json +19 -1
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
- package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
- package/src/tokens/functional/color/light/display-light.json5 +66 -0
- package/src/tokens/functional/typography/typography.json +10 -1
|
@@ -2055,6 +2055,151 @@
|
|
|
2055
2055
|
"attributes": {},
|
|
2056
2056
|
"path": ["display", "purple", "borderColor", "emphasis"]
|
|
2057
2057
|
},
|
|
2058
|
+
"display-plum-bgColor-muted": {
|
|
2059
|
+
"value": "#2a0e3f",
|
|
2060
|
+
"$type": "color",
|
|
2061
|
+
"$extensions": {
|
|
2062
|
+
"org.primer.figma": {
|
|
2063
|
+
"collection": "mode",
|
|
2064
|
+
"mode": "light",
|
|
2065
|
+
"group": "component (internal)",
|
|
2066
|
+
"scopes": ["bgColor"]
|
|
2067
|
+
}
|
|
2068
|
+
},
|
|
2069
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2070
|
+
"isSource": true,
|
|
2071
|
+
"original": {
|
|
2072
|
+
"value": "{base.display.color.plum.0}",
|
|
2073
|
+
"$type": "color",
|
|
2074
|
+
"$extensions": {
|
|
2075
|
+
"org.primer.figma": {
|
|
2076
|
+
"collection": "mode",
|
|
2077
|
+
"mode": "light",
|
|
2078
|
+
"group": "component (internal)",
|
|
2079
|
+
"scopes": ["bgColor"]
|
|
2080
|
+
}
|
|
2081
|
+
}
|
|
2082
|
+
},
|
|
2083
|
+
"name": "display-plum-bgColor-muted",
|
|
2084
|
+
"attributes": {},
|
|
2085
|
+
"path": ["display", "plum", "bgColor", "muted"]
|
|
2086
|
+
},
|
|
2087
|
+
"display-plum-bgColor-emphasis": {
|
|
2088
|
+
"value": "#b643ef",
|
|
2089
|
+
"$type": "color",
|
|
2090
|
+
"$extensions": {
|
|
2091
|
+
"org.primer.figma": {
|
|
2092
|
+
"collection": "mode",
|
|
2093
|
+
"mode": "light",
|
|
2094
|
+
"group": "component (internal)",
|
|
2095
|
+
"scopes": ["bgColor"]
|
|
2096
|
+
}
|
|
2097
|
+
},
|
|
2098
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2099
|
+
"isSource": true,
|
|
2100
|
+
"original": {
|
|
2101
|
+
"value": "{base.display.color.plum.5}",
|
|
2102
|
+
"$type": "color",
|
|
2103
|
+
"$extensions": {
|
|
2104
|
+
"org.primer.figma": {
|
|
2105
|
+
"collection": "mode",
|
|
2106
|
+
"mode": "light",
|
|
2107
|
+
"group": "component (internal)",
|
|
2108
|
+
"scopes": ["bgColor"]
|
|
2109
|
+
}
|
|
2110
|
+
}
|
|
2111
|
+
},
|
|
2112
|
+
"name": "display-plum-bgColor-emphasis",
|
|
2113
|
+
"attributes": {},
|
|
2114
|
+
"path": ["display", "plum", "bgColor", "emphasis"]
|
|
2115
|
+
},
|
|
2116
|
+
"display-plum-fgColor": {
|
|
2117
|
+
"value": "#d07ef7",
|
|
2118
|
+
"$type": "color",
|
|
2119
|
+
"$extensions": {
|
|
2120
|
+
"org.primer.figma": {
|
|
2121
|
+
"collection": "mode",
|
|
2122
|
+
"mode": "light",
|
|
2123
|
+
"group": "component (internal)",
|
|
2124
|
+
"scopes": ["fgColor"]
|
|
2125
|
+
}
|
|
2126
|
+
},
|
|
2127
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2128
|
+
"isSource": true,
|
|
2129
|
+
"original": {
|
|
2130
|
+
"value": "{base.display.color.plum.6}",
|
|
2131
|
+
"$type": "color",
|
|
2132
|
+
"$extensions": {
|
|
2133
|
+
"org.primer.figma": {
|
|
2134
|
+
"collection": "mode",
|
|
2135
|
+
"mode": "light",
|
|
2136
|
+
"group": "component (internal)",
|
|
2137
|
+
"scopes": ["fgColor"]
|
|
2138
|
+
}
|
|
2139
|
+
}
|
|
2140
|
+
},
|
|
2141
|
+
"name": "display-plum-fgColor",
|
|
2142
|
+
"attributes": {},
|
|
2143
|
+
"path": ["display", "plum", "fgColor"]
|
|
2144
|
+
},
|
|
2145
|
+
"display-plum-borderColor-muted": {
|
|
2146
|
+
"value": "#40125e",
|
|
2147
|
+
"$type": "color",
|
|
2148
|
+
"$extensions": {
|
|
2149
|
+
"org.primer.figma": {
|
|
2150
|
+
"collection": "mode",
|
|
2151
|
+
"mode": "light",
|
|
2152
|
+
"group": "component (internal)",
|
|
2153
|
+
"scopes": ["borderColor"]
|
|
2154
|
+
}
|
|
2155
|
+
},
|
|
2156
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2157
|
+
"isSource": true,
|
|
2158
|
+
"original": {
|
|
2159
|
+
"value": "{base.display.color.plum.1}",
|
|
2160
|
+
"$type": "color",
|
|
2161
|
+
"$extensions": {
|
|
2162
|
+
"org.primer.figma": {
|
|
2163
|
+
"collection": "mode",
|
|
2164
|
+
"mode": "light",
|
|
2165
|
+
"group": "component (internal)",
|
|
2166
|
+
"scopes": ["borderColor"]
|
|
2167
|
+
}
|
|
2168
|
+
}
|
|
2169
|
+
},
|
|
2170
|
+
"name": "display-plum-borderColor-muted",
|
|
2171
|
+
"attributes": {},
|
|
2172
|
+
"path": ["display", "plum", "borderColor", "muted"]
|
|
2173
|
+
},
|
|
2174
|
+
"display-plum-borderColor-emphasis": {
|
|
2175
|
+
"value": "#b643ef",
|
|
2176
|
+
"$type": "color",
|
|
2177
|
+
"$extensions": {
|
|
2178
|
+
"org.primer.figma": {
|
|
2179
|
+
"collection": "mode",
|
|
2180
|
+
"mode": "light",
|
|
2181
|
+
"group": "component (internal)",
|
|
2182
|
+
"scopes": ["borderColor"]
|
|
2183
|
+
}
|
|
2184
|
+
},
|
|
2185
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2186
|
+
"isSource": true,
|
|
2187
|
+
"original": {
|
|
2188
|
+
"value": "{base.display.color.plum.5}",
|
|
2189
|
+
"$type": "color",
|
|
2190
|
+
"$extensions": {
|
|
2191
|
+
"org.primer.figma": {
|
|
2192
|
+
"collection": "mode",
|
|
2193
|
+
"mode": "light",
|
|
2194
|
+
"group": "component (internal)",
|
|
2195
|
+
"scopes": ["borderColor"]
|
|
2196
|
+
}
|
|
2197
|
+
}
|
|
2198
|
+
},
|
|
2199
|
+
"name": "display-plum-borderColor-emphasis",
|
|
2200
|
+
"attributes": {},
|
|
2201
|
+
"path": ["display", "plum", "borderColor", "emphasis"]
|
|
2202
|
+
},
|
|
2058
2203
|
"display-red-bgColor-muted": {
|
|
2059
2204
|
"value": "#3c0614",
|
|
2060
2205
|
"$type": "color",
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
"path": ["diffBlob", "hunk", "bgColor", "num"]
|
|
425
425
|
},
|
|
426
426
|
"diffBlob-expander-iconColor": {
|
|
427
|
-
"value": "#
|
|
427
|
+
"value": "#8d96a0",
|
|
428
428
|
"$type": "color",
|
|
429
429
|
"$extensions": {
|
|
430
430
|
"org.primer.figma": {
|
|
@@ -569,7 +569,7 @@
|
|
|
569
569
|
"path": ["codeMirror", "gutterMarker", "fgColor", "default"]
|
|
570
570
|
},
|
|
571
571
|
"codeMirror-gutterMarker-fgColor-muted": {
|
|
572
|
-
"value": "#
|
|
572
|
+
"value": "#8d96a0",
|
|
573
573
|
"$type": "color",
|
|
574
574
|
"$extensions": {
|
|
575
575
|
"org.primer.figma": {
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
"path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
|
|
599
599
|
},
|
|
600
600
|
"codeMirror-lineNumber-fgColor": {
|
|
601
|
-
"value": "#
|
|
601
|
+
"value": "#8d96a0",
|
|
602
602
|
"$type": "color",
|
|
603
603
|
"$extensions": {
|
|
604
604
|
"org.primer.figma": {
|
|
@@ -2051,6 +2051,151 @@
|
|
|
2051
2051
|
"attributes": {},
|
|
2052
2052
|
"path": ["display", "purple", "borderColor", "emphasis"]
|
|
2053
2053
|
},
|
|
2054
|
+
"display-plum-bgColor-muted": {
|
|
2055
|
+
"value": "#2a0e3f",
|
|
2056
|
+
"$type": "color",
|
|
2057
|
+
"$extensions": {
|
|
2058
|
+
"org.primer.figma": {
|
|
2059
|
+
"collection": "mode",
|
|
2060
|
+
"mode": "light",
|
|
2061
|
+
"group": "component (internal)",
|
|
2062
|
+
"scopes": ["bgColor"]
|
|
2063
|
+
}
|
|
2064
|
+
},
|
|
2065
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2066
|
+
"isSource": true,
|
|
2067
|
+
"original": {
|
|
2068
|
+
"value": "{base.display.color.plum.0}",
|
|
2069
|
+
"$type": "color",
|
|
2070
|
+
"$extensions": {
|
|
2071
|
+
"org.primer.figma": {
|
|
2072
|
+
"collection": "mode",
|
|
2073
|
+
"mode": "light",
|
|
2074
|
+
"group": "component (internal)",
|
|
2075
|
+
"scopes": ["bgColor"]
|
|
2076
|
+
}
|
|
2077
|
+
}
|
|
2078
|
+
},
|
|
2079
|
+
"name": "display-plum-bgColor-muted",
|
|
2080
|
+
"attributes": {},
|
|
2081
|
+
"path": ["display", "plum", "bgColor", "muted"]
|
|
2082
|
+
},
|
|
2083
|
+
"display-plum-bgColor-emphasis": {
|
|
2084
|
+
"value": "#b643ef",
|
|
2085
|
+
"$type": "color",
|
|
2086
|
+
"$extensions": {
|
|
2087
|
+
"org.primer.figma": {
|
|
2088
|
+
"collection": "mode",
|
|
2089
|
+
"mode": "light",
|
|
2090
|
+
"group": "component (internal)",
|
|
2091
|
+
"scopes": ["bgColor"]
|
|
2092
|
+
}
|
|
2093
|
+
},
|
|
2094
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2095
|
+
"isSource": true,
|
|
2096
|
+
"original": {
|
|
2097
|
+
"value": "{base.display.color.plum.5}",
|
|
2098
|
+
"$type": "color",
|
|
2099
|
+
"$extensions": {
|
|
2100
|
+
"org.primer.figma": {
|
|
2101
|
+
"collection": "mode",
|
|
2102
|
+
"mode": "light",
|
|
2103
|
+
"group": "component (internal)",
|
|
2104
|
+
"scopes": ["bgColor"]
|
|
2105
|
+
}
|
|
2106
|
+
}
|
|
2107
|
+
},
|
|
2108
|
+
"name": "display-plum-bgColor-emphasis",
|
|
2109
|
+
"attributes": {},
|
|
2110
|
+
"path": ["display", "plum", "bgColor", "emphasis"]
|
|
2111
|
+
},
|
|
2112
|
+
"display-plum-fgColor": {
|
|
2113
|
+
"value": "#d07ef7",
|
|
2114
|
+
"$type": "color",
|
|
2115
|
+
"$extensions": {
|
|
2116
|
+
"org.primer.figma": {
|
|
2117
|
+
"collection": "mode",
|
|
2118
|
+
"mode": "light",
|
|
2119
|
+
"group": "component (internal)",
|
|
2120
|
+
"scopes": ["fgColor"]
|
|
2121
|
+
}
|
|
2122
|
+
},
|
|
2123
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2124
|
+
"isSource": true,
|
|
2125
|
+
"original": {
|
|
2126
|
+
"value": "{base.display.color.plum.6}",
|
|
2127
|
+
"$type": "color",
|
|
2128
|
+
"$extensions": {
|
|
2129
|
+
"org.primer.figma": {
|
|
2130
|
+
"collection": "mode",
|
|
2131
|
+
"mode": "light",
|
|
2132
|
+
"group": "component (internal)",
|
|
2133
|
+
"scopes": ["fgColor"]
|
|
2134
|
+
}
|
|
2135
|
+
}
|
|
2136
|
+
},
|
|
2137
|
+
"name": "display-plum-fgColor",
|
|
2138
|
+
"attributes": {},
|
|
2139
|
+
"path": ["display", "plum", "fgColor"]
|
|
2140
|
+
},
|
|
2141
|
+
"display-plum-borderColor-muted": {
|
|
2142
|
+
"value": "#40125e",
|
|
2143
|
+
"$type": "color",
|
|
2144
|
+
"$extensions": {
|
|
2145
|
+
"org.primer.figma": {
|
|
2146
|
+
"collection": "mode",
|
|
2147
|
+
"mode": "light",
|
|
2148
|
+
"group": "component (internal)",
|
|
2149
|
+
"scopes": ["borderColor"]
|
|
2150
|
+
}
|
|
2151
|
+
},
|
|
2152
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2153
|
+
"isSource": true,
|
|
2154
|
+
"original": {
|
|
2155
|
+
"value": "{base.display.color.plum.1}",
|
|
2156
|
+
"$type": "color",
|
|
2157
|
+
"$extensions": {
|
|
2158
|
+
"org.primer.figma": {
|
|
2159
|
+
"collection": "mode",
|
|
2160
|
+
"mode": "light",
|
|
2161
|
+
"group": "component (internal)",
|
|
2162
|
+
"scopes": ["borderColor"]
|
|
2163
|
+
}
|
|
2164
|
+
}
|
|
2165
|
+
},
|
|
2166
|
+
"name": "display-plum-borderColor-muted",
|
|
2167
|
+
"attributes": {},
|
|
2168
|
+
"path": ["display", "plum", "borderColor", "muted"]
|
|
2169
|
+
},
|
|
2170
|
+
"display-plum-borderColor-emphasis": {
|
|
2171
|
+
"value": "#b643ef",
|
|
2172
|
+
"$type": "color",
|
|
2173
|
+
"$extensions": {
|
|
2174
|
+
"org.primer.figma": {
|
|
2175
|
+
"collection": "mode",
|
|
2176
|
+
"mode": "light",
|
|
2177
|
+
"group": "component (internal)",
|
|
2178
|
+
"scopes": ["borderColor"]
|
|
2179
|
+
}
|
|
2180
|
+
},
|
|
2181
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2182
|
+
"isSource": true,
|
|
2183
|
+
"original": {
|
|
2184
|
+
"value": "{base.display.color.plum.5}",
|
|
2185
|
+
"$type": "color",
|
|
2186
|
+
"$extensions": {
|
|
2187
|
+
"org.primer.figma": {
|
|
2188
|
+
"collection": "mode",
|
|
2189
|
+
"mode": "light",
|
|
2190
|
+
"group": "component (internal)",
|
|
2191
|
+
"scopes": ["borderColor"]
|
|
2192
|
+
}
|
|
2193
|
+
}
|
|
2194
|
+
},
|
|
2195
|
+
"name": "display-plum-borderColor-emphasis",
|
|
2196
|
+
"attributes": {},
|
|
2197
|
+
"path": ["display", "plum", "borderColor", "emphasis"]
|
|
2198
|
+
},
|
|
2054
2199
|
"display-red-bgColor-muted": {
|
|
2055
2200
|
"value": "#3c0614",
|
|
2056
2201
|
"$type": "color",
|
|
@@ -4697,7 +4842,7 @@
|
|
|
4697
4842
|
"path": ["control", "borderColor", "warning"]
|
|
4698
4843
|
},
|
|
4699
4844
|
"control-iconColor-rest": {
|
|
4700
|
-
"value": "#
|
|
4845
|
+
"value": "#8d96a0",
|
|
4701
4846
|
"$type": "color",
|
|
4702
4847
|
"$extensions": {
|
|
4703
4848
|
"org.primer.figma": {
|
|
@@ -5536,7 +5681,7 @@
|
|
|
5536
5681
|
"path": ["controlTrack", "bgColor", "disabled"]
|
|
5537
5682
|
},
|
|
5538
5683
|
"controlTrack-fgColor-rest": {
|
|
5539
|
-
"value": "#
|
|
5684
|
+
"value": "#8d96a0",
|
|
5540
5685
|
"$type": "color",
|
|
5541
5686
|
"$extensions": {
|
|
5542
5687
|
"org.primer.figma": {
|
|
@@ -6653,7 +6798,7 @@
|
|
|
6653
6798
|
"path": ["button", "invisible", "fgColor", "disabled"]
|
|
6654
6799
|
},
|
|
6655
6800
|
"button-invisible-iconColor-rest": {
|
|
6656
|
-
"value": "#
|
|
6801
|
+
"value": "#8d96a0",
|
|
6657
6802
|
"$type": "color",
|
|
6658
6803
|
"$extensions": {
|
|
6659
6804
|
"org.primer.figma": {
|
|
@@ -8644,7 +8789,7 @@
|
|
|
8644
8789
|
"path": ["timelineBadge", "bgColor"]
|
|
8645
8790
|
},
|
|
8646
8791
|
"treeViewItem-leadingVisual-iconColor-rest": {
|
|
8647
|
-
"value": "#
|
|
8792
|
+
"value": "#8d96a0",
|
|
8648
8793
|
"$type": "color",
|
|
8649
8794
|
"$extensions": {
|
|
8650
8795
|
"org.primer.figma": {
|
|
@@ -8731,7 +8876,7 @@
|
|
|
8731
8876
|
"path": ["underlineNav", "borderColor", "hover"]
|
|
8732
8877
|
},
|
|
8733
8878
|
"underlineNav-iconColor-rest": {
|
|
8734
|
-
"value": "#
|
|
8879
|
+
"value": "#8d96a0",
|
|
8735
8880
|
"$type": "color",
|
|
8736
8881
|
"$extensions": {
|
|
8737
8882
|
"org.primer.figma": {
|
|
@@ -12169,7 +12314,7 @@
|
|
|
12169
12314
|
"path": ["fgColor", "default"]
|
|
12170
12315
|
},
|
|
12171
12316
|
"fgColor-muted": {
|
|
12172
|
-
"value": "#
|
|
12317
|
+
"value": "#8d96a0",
|
|
12173
12318
|
"$type": "color",
|
|
12174
12319
|
"$extensions": {
|
|
12175
12320
|
"org.primer.figma": {
|
|
@@ -12183,13 +12328,13 @@
|
|
|
12183
12328
|
}
|
|
12184
12329
|
},
|
|
12185
12330
|
"mix": {
|
|
12186
|
-
"color": "#
|
|
12187
|
-
"weight": 0.
|
|
12331
|
+
"color": "#8b949e",
|
|
12332
|
+
"weight": 0.95
|
|
12188
12333
|
},
|
|
12189
12334
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12190
12335
|
"isSource": true,
|
|
12191
12336
|
"original": {
|
|
12192
|
-
"value": "{base.color.neutral.
|
|
12337
|
+
"value": "{base.color.neutral.2}",
|
|
12193
12338
|
"$type": "color",
|
|
12194
12339
|
"$extensions": {
|
|
12195
12340
|
"org.primer.figma": {
|
|
@@ -12203,8 +12348,8 @@
|
|
|
12203
12348
|
}
|
|
12204
12349
|
},
|
|
12205
12350
|
"mix": {
|
|
12206
|
-
"color": "{base.color.neutral.
|
|
12207
|
-
"weight": 0.
|
|
12351
|
+
"color": "{base.color.neutral.3}",
|
|
12352
|
+
"weight": 0.95
|
|
12208
12353
|
}
|
|
12209
12354
|
},
|
|
12210
12355
|
"name": "fgColor-muted",
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
"path": ["diffBlob", "hunk", "bgColor", "num"]
|
|
425
425
|
},
|
|
426
426
|
"diffBlob-expander-iconColor": {
|
|
427
|
-
"value": "#
|
|
427
|
+
"value": "#8d96a0",
|
|
428
428
|
"$type": "color",
|
|
429
429
|
"$extensions": {
|
|
430
430
|
"org.primer.figma": {
|
|
@@ -569,7 +569,7 @@
|
|
|
569
569
|
"path": ["codeMirror", "gutterMarker", "fgColor", "default"]
|
|
570
570
|
},
|
|
571
571
|
"codeMirror-gutterMarker-fgColor-muted": {
|
|
572
|
-
"value": "#
|
|
572
|
+
"value": "#8d96a0",
|
|
573
573
|
"$type": "color",
|
|
574
574
|
"$extensions": {
|
|
575
575
|
"org.primer.figma": {
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
"path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
|
|
599
599
|
},
|
|
600
600
|
"codeMirror-lineNumber-fgColor": {
|
|
601
|
-
"value": "#
|
|
601
|
+
"value": "#8d96a0",
|
|
602
602
|
"$type": "color",
|
|
603
603
|
"$extensions": {
|
|
604
604
|
"org.primer.figma": {
|
|
@@ -2051,6 +2051,151 @@
|
|
|
2051
2051
|
"attributes": {},
|
|
2052
2052
|
"path": ["display", "purple", "borderColor", "emphasis"]
|
|
2053
2053
|
},
|
|
2054
|
+
"display-plum-bgColor-muted": {
|
|
2055
|
+
"value": "#2a0e3f",
|
|
2056
|
+
"$type": "color",
|
|
2057
|
+
"$extensions": {
|
|
2058
|
+
"org.primer.figma": {
|
|
2059
|
+
"collection": "mode",
|
|
2060
|
+
"mode": "light",
|
|
2061
|
+
"group": "component (internal)",
|
|
2062
|
+
"scopes": ["bgColor"]
|
|
2063
|
+
}
|
|
2064
|
+
},
|
|
2065
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2066
|
+
"isSource": true,
|
|
2067
|
+
"original": {
|
|
2068
|
+
"value": "{base.display.color.plum.0}",
|
|
2069
|
+
"$type": "color",
|
|
2070
|
+
"$extensions": {
|
|
2071
|
+
"org.primer.figma": {
|
|
2072
|
+
"collection": "mode",
|
|
2073
|
+
"mode": "light",
|
|
2074
|
+
"group": "component (internal)",
|
|
2075
|
+
"scopes": ["bgColor"]
|
|
2076
|
+
}
|
|
2077
|
+
}
|
|
2078
|
+
},
|
|
2079
|
+
"name": "display-plum-bgColor-muted",
|
|
2080
|
+
"attributes": {},
|
|
2081
|
+
"path": ["display", "plum", "bgColor", "muted"]
|
|
2082
|
+
},
|
|
2083
|
+
"display-plum-bgColor-emphasis": {
|
|
2084
|
+
"value": "#b643ef",
|
|
2085
|
+
"$type": "color",
|
|
2086
|
+
"$extensions": {
|
|
2087
|
+
"org.primer.figma": {
|
|
2088
|
+
"collection": "mode",
|
|
2089
|
+
"mode": "light",
|
|
2090
|
+
"group": "component (internal)",
|
|
2091
|
+
"scopes": ["bgColor"]
|
|
2092
|
+
}
|
|
2093
|
+
},
|
|
2094
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2095
|
+
"isSource": true,
|
|
2096
|
+
"original": {
|
|
2097
|
+
"value": "{base.display.color.plum.5}",
|
|
2098
|
+
"$type": "color",
|
|
2099
|
+
"$extensions": {
|
|
2100
|
+
"org.primer.figma": {
|
|
2101
|
+
"collection": "mode",
|
|
2102
|
+
"mode": "light",
|
|
2103
|
+
"group": "component (internal)",
|
|
2104
|
+
"scopes": ["bgColor"]
|
|
2105
|
+
}
|
|
2106
|
+
}
|
|
2107
|
+
},
|
|
2108
|
+
"name": "display-plum-bgColor-emphasis",
|
|
2109
|
+
"attributes": {},
|
|
2110
|
+
"path": ["display", "plum", "bgColor", "emphasis"]
|
|
2111
|
+
},
|
|
2112
|
+
"display-plum-fgColor": {
|
|
2113
|
+
"value": "#d07ef7",
|
|
2114
|
+
"$type": "color",
|
|
2115
|
+
"$extensions": {
|
|
2116
|
+
"org.primer.figma": {
|
|
2117
|
+
"collection": "mode",
|
|
2118
|
+
"mode": "light",
|
|
2119
|
+
"group": "component (internal)",
|
|
2120
|
+
"scopes": ["fgColor"]
|
|
2121
|
+
}
|
|
2122
|
+
},
|
|
2123
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2124
|
+
"isSource": true,
|
|
2125
|
+
"original": {
|
|
2126
|
+
"value": "{base.display.color.plum.6}",
|
|
2127
|
+
"$type": "color",
|
|
2128
|
+
"$extensions": {
|
|
2129
|
+
"org.primer.figma": {
|
|
2130
|
+
"collection": "mode",
|
|
2131
|
+
"mode": "light",
|
|
2132
|
+
"group": "component (internal)",
|
|
2133
|
+
"scopes": ["fgColor"]
|
|
2134
|
+
}
|
|
2135
|
+
}
|
|
2136
|
+
},
|
|
2137
|
+
"name": "display-plum-fgColor",
|
|
2138
|
+
"attributes": {},
|
|
2139
|
+
"path": ["display", "plum", "fgColor"]
|
|
2140
|
+
},
|
|
2141
|
+
"display-plum-borderColor-muted": {
|
|
2142
|
+
"value": "#40125e",
|
|
2143
|
+
"$type": "color",
|
|
2144
|
+
"$extensions": {
|
|
2145
|
+
"org.primer.figma": {
|
|
2146
|
+
"collection": "mode",
|
|
2147
|
+
"mode": "light",
|
|
2148
|
+
"group": "component (internal)",
|
|
2149
|
+
"scopes": ["borderColor"]
|
|
2150
|
+
}
|
|
2151
|
+
},
|
|
2152
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2153
|
+
"isSource": true,
|
|
2154
|
+
"original": {
|
|
2155
|
+
"value": "{base.display.color.plum.1}",
|
|
2156
|
+
"$type": "color",
|
|
2157
|
+
"$extensions": {
|
|
2158
|
+
"org.primer.figma": {
|
|
2159
|
+
"collection": "mode",
|
|
2160
|
+
"mode": "light",
|
|
2161
|
+
"group": "component (internal)",
|
|
2162
|
+
"scopes": ["borderColor"]
|
|
2163
|
+
}
|
|
2164
|
+
}
|
|
2165
|
+
},
|
|
2166
|
+
"name": "display-plum-borderColor-muted",
|
|
2167
|
+
"attributes": {},
|
|
2168
|
+
"path": ["display", "plum", "borderColor", "muted"]
|
|
2169
|
+
},
|
|
2170
|
+
"display-plum-borderColor-emphasis": {
|
|
2171
|
+
"value": "#b643ef",
|
|
2172
|
+
"$type": "color",
|
|
2173
|
+
"$extensions": {
|
|
2174
|
+
"org.primer.figma": {
|
|
2175
|
+
"collection": "mode",
|
|
2176
|
+
"mode": "light",
|
|
2177
|
+
"group": "component (internal)",
|
|
2178
|
+
"scopes": ["borderColor"]
|
|
2179
|
+
}
|
|
2180
|
+
},
|
|
2181
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2182
|
+
"isSource": true,
|
|
2183
|
+
"original": {
|
|
2184
|
+
"value": "{base.display.color.plum.5}",
|
|
2185
|
+
"$type": "color",
|
|
2186
|
+
"$extensions": {
|
|
2187
|
+
"org.primer.figma": {
|
|
2188
|
+
"collection": "mode",
|
|
2189
|
+
"mode": "light",
|
|
2190
|
+
"group": "component (internal)",
|
|
2191
|
+
"scopes": ["borderColor"]
|
|
2192
|
+
}
|
|
2193
|
+
}
|
|
2194
|
+
},
|
|
2195
|
+
"name": "display-plum-borderColor-emphasis",
|
|
2196
|
+
"attributes": {},
|
|
2197
|
+
"path": ["display", "plum", "borderColor", "emphasis"]
|
|
2198
|
+
},
|
|
2054
2199
|
"display-red-bgColor-muted": {
|
|
2055
2200
|
"value": "#3c0614",
|
|
2056
2201
|
"$type": "color",
|
|
@@ -4697,7 +4842,7 @@
|
|
|
4697
4842
|
"path": ["control", "borderColor", "warning"]
|
|
4698
4843
|
},
|
|
4699
4844
|
"control-iconColor-rest": {
|
|
4700
|
-
"value": "#
|
|
4845
|
+
"value": "#8d96a0",
|
|
4701
4846
|
"$type": "color",
|
|
4702
4847
|
"$extensions": {
|
|
4703
4848
|
"org.primer.figma": {
|
|
@@ -5536,7 +5681,7 @@
|
|
|
5536
5681
|
"path": ["controlTrack", "bgColor", "disabled"]
|
|
5537
5682
|
},
|
|
5538
5683
|
"controlTrack-fgColor-rest": {
|
|
5539
|
-
"value": "#
|
|
5684
|
+
"value": "#8d96a0",
|
|
5540
5685
|
"$type": "color",
|
|
5541
5686
|
"$extensions": {
|
|
5542
5687
|
"org.primer.figma": {
|
|
@@ -6653,7 +6798,7 @@
|
|
|
6653
6798
|
"path": ["button", "invisible", "fgColor", "disabled"]
|
|
6654
6799
|
},
|
|
6655
6800
|
"button-invisible-iconColor-rest": {
|
|
6656
|
-
"value": "#
|
|
6801
|
+
"value": "#8d96a0",
|
|
6657
6802
|
"$type": "color",
|
|
6658
6803
|
"$extensions": {
|
|
6659
6804
|
"org.primer.figma": {
|
|
@@ -8644,7 +8789,7 @@
|
|
|
8644
8789
|
"path": ["timelineBadge", "bgColor"]
|
|
8645
8790
|
},
|
|
8646
8791
|
"treeViewItem-leadingVisual-iconColor-rest": {
|
|
8647
|
-
"value": "#
|
|
8792
|
+
"value": "#8d96a0",
|
|
8648
8793
|
"$type": "color",
|
|
8649
8794
|
"$extensions": {
|
|
8650
8795
|
"org.primer.figma": {
|
|
@@ -8731,7 +8876,7 @@
|
|
|
8731
8876
|
"path": ["underlineNav", "borderColor", "hover"]
|
|
8732
8877
|
},
|
|
8733
8878
|
"underlineNav-iconColor-rest": {
|
|
8734
|
-
"value": "#
|
|
8879
|
+
"value": "#8d96a0",
|
|
8735
8880
|
"$type": "color",
|
|
8736
8881
|
"$extensions": {
|
|
8737
8882
|
"org.primer.figma": {
|
|
@@ -12169,7 +12314,7 @@
|
|
|
12169
12314
|
"path": ["fgColor", "default"]
|
|
12170
12315
|
},
|
|
12171
12316
|
"fgColor-muted": {
|
|
12172
|
-
"value": "#
|
|
12317
|
+
"value": "#8d96a0",
|
|
12173
12318
|
"$type": "color",
|
|
12174
12319
|
"$extensions": {
|
|
12175
12320
|
"org.primer.figma": {
|
|
@@ -12183,13 +12328,13 @@
|
|
|
12183
12328
|
}
|
|
12184
12329
|
},
|
|
12185
12330
|
"mix": {
|
|
12186
|
-
"color": "#
|
|
12187
|
-
"weight": 0.
|
|
12331
|
+
"color": "#8b949e",
|
|
12332
|
+
"weight": 0.95
|
|
12188
12333
|
},
|
|
12189
12334
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12190
12335
|
"isSource": true,
|
|
12191
12336
|
"original": {
|
|
12192
|
-
"value": "{base.color.neutral.
|
|
12337
|
+
"value": "{base.color.neutral.2}",
|
|
12193
12338
|
"$type": "color",
|
|
12194
12339
|
"$extensions": {
|
|
12195
12340
|
"org.primer.figma": {
|
|
@@ -12203,8 +12348,8 @@
|
|
|
12203
12348
|
}
|
|
12204
12349
|
},
|
|
12205
12350
|
"mix": {
|
|
12206
|
-
"color": "{base.color.neutral.
|
|
12207
|
-
"weight": 0.
|
|
12351
|
+
"color": "{base.color.neutral.3}",
|
|
12352
|
+
"weight": 0.95
|
|
12208
12353
|
}
|
|
12209
12354
|
},
|
|
12210
12355
|
"name": "fgColor-muted",
|