@primer/primitives 8.1.0 → 8.1.1-rc.40687c28
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
|
@@ -72,6 +72,11 @@
|
|
|
72
72
|
--display-purple-fgColor: #783ae4;
|
|
73
73
|
--display-purple-borderColor-muted: #e6d2fe;
|
|
74
74
|
--display-purple-borderColor-emphasis: #894ceb;
|
|
75
|
+
--display-plum-bgColor-muted: #f8e5ff;
|
|
76
|
+
--display-plum-bgColor-emphasis: #a830e8;
|
|
77
|
+
--display-plum-fgColor: #961edc;
|
|
78
|
+
--display-plum-borderColor-muted: #f0cdfe;
|
|
79
|
+
--display-plum-borderColor-emphasis: #a830e8;
|
|
75
80
|
--display-red-bgColor-muted: #ffe2e0;
|
|
76
81
|
--display-red-bgColor-emphasis: #df0c24;
|
|
77
82
|
--display-red-fgColor: #c50d28;
|
|
@@ -620,6 +625,11 @@
|
|
|
620
625
|
--display-purple-fgColor: #783ae4;
|
|
621
626
|
--display-purple-borderColor-muted: #e6d2fe;
|
|
622
627
|
--display-purple-borderColor-emphasis: #894ceb;
|
|
628
|
+
--display-plum-bgColor-muted: #f8e5ff;
|
|
629
|
+
--display-plum-bgColor-emphasis: #a830e8;
|
|
630
|
+
--display-plum-fgColor: #961edc;
|
|
631
|
+
--display-plum-borderColor-muted: #f0cdfe;
|
|
632
|
+
--display-plum-borderColor-emphasis: #a830e8;
|
|
623
633
|
--display-red-bgColor-muted: #ffe2e0;
|
|
624
634
|
--display-red-bgColor-emphasis: #df0c24;
|
|
625
635
|
--display-red-fgColor: #c50d28;
|
|
@@ -72,6 +72,11 @@
|
|
|
72
72
|
--display-purple-fgColor: #783ae4;
|
|
73
73
|
--display-purple-borderColor-muted: #e6d2fe;
|
|
74
74
|
--display-purple-borderColor-emphasis: #894ceb;
|
|
75
|
+
--display-plum-bgColor-muted: #f8e5ff;
|
|
76
|
+
--display-plum-bgColor-emphasis: #a830e8;
|
|
77
|
+
--display-plum-fgColor: #961edc;
|
|
78
|
+
--display-plum-borderColor-muted: #f0cdfe;
|
|
79
|
+
--display-plum-borderColor-emphasis: #a830e8;
|
|
75
80
|
--display-red-bgColor-muted: #ffe2e0;
|
|
76
81
|
--display-red-bgColor-emphasis: #df0c24;
|
|
77
82
|
--display-red-fgColor: #c50d28;
|
|
@@ -620,6 +625,11 @@
|
|
|
620
625
|
--display-purple-fgColor: #783ae4;
|
|
621
626
|
--display-purple-borderColor-muted: #e6d2fe;
|
|
622
627
|
--display-purple-borderColor-emphasis: #894ceb;
|
|
628
|
+
--display-plum-bgColor-muted: #f8e5ff;
|
|
629
|
+
--display-plum-bgColor-emphasis: #a830e8;
|
|
630
|
+
--display-plum-fgColor: #961edc;
|
|
631
|
+
--display-plum-borderColor-muted: #f0cdfe;
|
|
632
|
+
--display-plum-borderColor-emphasis: #a830e8;
|
|
623
633
|
--display-red-bgColor-muted: #ffe2e0;
|
|
624
634
|
--display-red-bgColor-emphasis: #df0c24;
|
|
625
635
|
--display-red-fgColor: #c50d28;
|
|
@@ -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": {
|
|
@@ -6647,7 +6792,7 @@
|
|
|
6647
6792
|
"path": ["button", "invisible", "fgColor", "disabled"]
|
|
6648
6793
|
},
|
|
6649
6794
|
"button-invisible-iconColor-rest": {
|
|
6650
|
-
"value": "#
|
|
6795
|
+
"value": "#8d96a0",
|
|
6651
6796
|
"$type": "color",
|
|
6652
6797
|
"$extensions": {
|
|
6653
6798
|
"org.primer.figma": {
|
|
@@ -8638,7 +8783,7 @@
|
|
|
8638
8783
|
"path": ["timelineBadge", "bgColor"]
|
|
8639
8784
|
},
|
|
8640
8785
|
"treeViewItem-leadingVisual-iconColor-rest": {
|
|
8641
|
-
"value": "#
|
|
8786
|
+
"value": "#8d96a0",
|
|
8642
8787
|
"$type": "color",
|
|
8643
8788
|
"$extensions": {
|
|
8644
8789
|
"org.primer.figma": {
|
|
@@ -8725,7 +8870,7 @@
|
|
|
8725
8870
|
"path": ["underlineNav", "borderColor", "hover"]
|
|
8726
8871
|
},
|
|
8727
8872
|
"underlineNav-iconColor-rest": {
|
|
8728
|
-
"value": "#
|
|
8873
|
+
"value": "#8d96a0",
|
|
8729
8874
|
"$type": "color",
|
|
8730
8875
|
"$extensions": {
|
|
8731
8876
|
"org.primer.figma": {
|
|
@@ -12163,7 +12308,7 @@
|
|
|
12163
12308
|
"path": ["fgColor", "default"]
|
|
12164
12309
|
},
|
|
12165
12310
|
"fgColor-muted": {
|
|
12166
|
-
"value": "#
|
|
12311
|
+
"value": "#8d96a0",
|
|
12167
12312
|
"$type": "color",
|
|
12168
12313
|
"$extensions": {
|
|
12169
12314
|
"org.primer.figma": {
|
|
@@ -12177,13 +12322,13 @@
|
|
|
12177
12322
|
}
|
|
12178
12323
|
},
|
|
12179
12324
|
"mix": {
|
|
12180
|
-
"color": "#
|
|
12181
|
-
"weight": 0.
|
|
12325
|
+
"color": "#8b949e",
|
|
12326
|
+
"weight": 0.95
|
|
12182
12327
|
},
|
|
12183
12328
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12184
12329
|
"isSource": true,
|
|
12185
12330
|
"original": {
|
|
12186
|
-
"value": "{base.color.neutral.
|
|
12331
|
+
"value": "{base.color.neutral.2}",
|
|
12187
12332
|
"$type": "color",
|
|
12188
12333
|
"$extensions": {
|
|
12189
12334
|
"org.primer.figma": {
|
|
@@ -12197,8 +12342,8 @@
|
|
|
12197
12342
|
}
|
|
12198
12343
|
},
|
|
12199
12344
|
"mix": {
|
|
12200
|
-
"color": "{base.color.neutral.
|
|
12201
|
-
"weight": 0.
|
|
12345
|
+
"color": "{base.color.neutral.3}",
|
|
12346
|
+
"weight": 0.95
|
|
12202
12347
|
}
|
|
12203
12348
|
},
|
|
12204
12349
|
"name": "fgColor-muted",
|
|
@@ -569,7 +569,7 @@
|
|
|
569
569
|
"path": ["codeMirror", "gutterMarker", "fgColor", "default"]
|
|
570
570
|
},
|
|
571
571
|
"codeMirror-gutterMarker-fgColor-muted": {
|
|
572
|
-
"value": "#
|
|
572
|
+
"value": "#778491",
|
|
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": "#778491",
|
|
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": "#778491",
|
|
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": "#778491",
|
|
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": "#778491",
|
|
6657
6802
|
"$type": "color",
|
|
6658
6803
|
"$extensions": {
|
|
6659
6804
|
"org.primer.figma": {
|
|
@@ -6682,7 +6827,7 @@
|
|
|
6682
6827
|
"path": ["button", "invisible", "iconColor", "rest"]
|
|
6683
6828
|
},
|
|
6684
6829
|
"button-invisible-iconColor-hover": {
|
|
6685
|
-
"value": "#
|
|
6830
|
+
"value": "#778491",
|
|
6686
6831
|
"$type": "color",
|
|
6687
6832
|
"$extensions": {
|
|
6688
6833
|
"org.primer.figma": {
|
|
@@ -8644,7 +8789,7 @@
|
|
|
8644
8789
|
"path": ["timelineBadge", "bgColor"]
|
|
8645
8790
|
},
|
|
8646
8791
|
"treeViewItem-leadingVisual-iconColor-rest": {
|
|
8647
|
-
"value": "#
|
|
8792
|
+
"value": "#778491",
|
|
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": "#778491",
|
|
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": "#778491",
|
|
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": "#768390",
|
|
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",
|