@primer/primitives 8.1.0-rc.313f1fc7 → 8.1.0
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 +10 -0
- package/dist/css/functional/themes/dark-dimmed.css +10 -0
- package/dist/css/functional/themes/dark-high-contrast.css +10 -0
- package/dist/css/functional/themes/dark-tritanopia.css +10 -0
- package/dist/css/functional/themes/dark.css +10 -0
- 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 +145 -0
- package/dist/docs/functional/themes/dark-dimmed.json +145 -0
- package/dist/docs/functional/themes/dark-high-contrast.json +145 -0
- package/dist/docs/functional/themes/dark-tritanopia.json +145 -0
- package/dist/docs/functional/themes/dark.json +145 -0
- 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/figma/themes/dark-colorblind.json +80 -0
- package/dist/figma/themes/dark-dimmed.json +80 -0
- package/dist/figma/themes/dark-high-contrast.json +80 -0
- package/dist/figma/themes/dark-tritanopia.json +80 -0
- package/dist/figma/themes/dark.json +80 -0
- 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 +10 -10
- package/dist/internalCss/dark-colorblind.css +10 -0
- package/dist/internalCss/dark-dimmed.css +10 -0
- package/dist/internalCss/dark-high-contrast.css +10 -0
- package/dist/internalCss/dark-tritanopia.css +10 -0
- package/dist/internalCss/dark.css +10 -0
- 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 +145 -0
- package/dist/styleLint/functional/themes/dark-dimmed.json +145 -0
- package/dist/styleLint/functional/themes/dark-high-contrast.json +145 -0
- package/dist/styleLint/functional/themes/dark-tritanopia.json +145 -0
- package/dist/styleLint/functional/themes/dark.json +145 -0
- 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/package.json +1 -1
- package/src/PrimerStyleDictionary.ts +6 -0
- package/src/platforms/figma.ts +1 -1
- package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
- package/src/tokens/functional/color/light/display-light.json5 +66 -0
- package/src/transformers/floatToPixel.ts +9 -2
- package/src/transformers/index.ts +1 -0
|
@@ -2196,6 +2196,151 @@
|
|
|
2196
2196
|
"attributes": {},
|
|
2197
2197
|
"path": ["display", "red", "borderColor", "emphasis"]
|
|
2198
2198
|
},
|
|
2199
|
+
"display-coral-bgColor-muted": {
|
|
2200
|
+
"value": "#3c0614",
|
|
2201
|
+
"$type": "color",
|
|
2202
|
+
"$extensions": {
|
|
2203
|
+
"org.primer.figma": {
|
|
2204
|
+
"collection": "mode",
|
|
2205
|
+
"mode": "light",
|
|
2206
|
+
"group": "component (internal)",
|
|
2207
|
+
"scopes": ["bgColor"]
|
|
2208
|
+
}
|
|
2209
|
+
},
|
|
2210
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2211
|
+
"isSource": true,
|
|
2212
|
+
"original": {
|
|
2213
|
+
"value": "{base.display.color.red.0}",
|
|
2214
|
+
"$type": "color",
|
|
2215
|
+
"$extensions": {
|
|
2216
|
+
"org.primer.figma": {
|
|
2217
|
+
"collection": "mode",
|
|
2218
|
+
"mode": "light",
|
|
2219
|
+
"group": "component (internal)",
|
|
2220
|
+
"scopes": ["bgColor"]
|
|
2221
|
+
}
|
|
2222
|
+
}
|
|
2223
|
+
},
|
|
2224
|
+
"name": "display-coral-bgColor-muted",
|
|
2225
|
+
"attributes": {},
|
|
2226
|
+
"path": ["display", "coral", "bgColor", "muted"]
|
|
2227
|
+
},
|
|
2228
|
+
"display-coral-bgColor-emphasis": {
|
|
2229
|
+
"value": "#eb3342",
|
|
2230
|
+
"$type": "color",
|
|
2231
|
+
"$extensions": {
|
|
2232
|
+
"org.primer.figma": {
|
|
2233
|
+
"collection": "mode",
|
|
2234
|
+
"mode": "light",
|
|
2235
|
+
"group": "component (internal)",
|
|
2236
|
+
"scopes": ["bgColor"]
|
|
2237
|
+
}
|
|
2238
|
+
},
|
|
2239
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2240
|
+
"isSource": true,
|
|
2241
|
+
"original": {
|
|
2242
|
+
"value": "{base.display.color.red.5}",
|
|
2243
|
+
"$type": "color",
|
|
2244
|
+
"$extensions": {
|
|
2245
|
+
"org.primer.figma": {
|
|
2246
|
+
"collection": "mode",
|
|
2247
|
+
"mode": "light",
|
|
2248
|
+
"group": "component (internal)",
|
|
2249
|
+
"scopes": ["bgColor"]
|
|
2250
|
+
}
|
|
2251
|
+
}
|
|
2252
|
+
},
|
|
2253
|
+
"name": "display-coral-bgColor-emphasis",
|
|
2254
|
+
"attributes": {},
|
|
2255
|
+
"path": ["display", "coral", "bgColor", "emphasis"]
|
|
2256
|
+
},
|
|
2257
|
+
"display-coral-fgColor": {
|
|
2258
|
+
"value": "#f27d83",
|
|
2259
|
+
"$type": "color",
|
|
2260
|
+
"$extensions": {
|
|
2261
|
+
"org.primer.figma": {
|
|
2262
|
+
"collection": "mode",
|
|
2263
|
+
"mode": "light",
|
|
2264
|
+
"group": "component (internal)",
|
|
2265
|
+
"scopes": ["fgColor"]
|
|
2266
|
+
}
|
|
2267
|
+
},
|
|
2268
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2269
|
+
"isSource": true,
|
|
2270
|
+
"original": {
|
|
2271
|
+
"value": "{base.display.color.red.6}",
|
|
2272
|
+
"$type": "color",
|
|
2273
|
+
"$extensions": {
|
|
2274
|
+
"org.primer.figma": {
|
|
2275
|
+
"collection": "mode",
|
|
2276
|
+
"mode": "light",
|
|
2277
|
+
"group": "component (internal)",
|
|
2278
|
+
"scopes": ["fgColor"]
|
|
2279
|
+
}
|
|
2280
|
+
}
|
|
2281
|
+
},
|
|
2282
|
+
"name": "display-coral-fgColor",
|
|
2283
|
+
"attributes": {},
|
|
2284
|
+
"path": ["display", "coral", "fgColor"]
|
|
2285
|
+
},
|
|
2286
|
+
"display-coral-borderColor-muted": {
|
|
2287
|
+
"value": "#58091a",
|
|
2288
|
+
"$type": "color",
|
|
2289
|
+
"$extensions": {
|
|
2290
|
+
"org.primer.figma": {
|
|
2291
|
+
"collection": "mode",
|
|
2292
|
+
"mode": "light",
|
|
2293
|
+
"group": "component (internal)",
|
|
2294
|
+
"scopes": ["borderColor"]
|
|
2295
|
+
}
|
|
2296
|
+
},
|
|
2297
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2298
|
+
"isSource": true,
|
|
2299
|
+
"original": {
|
|
2300
|
+
"value": "{base.display.color.red.1}",
|
|
2301
|
+
"$type": "color",
|
|
2302
|
+
"$extensions": {
|
|
2303
|
+
"org.primer.figma": {
|
|
2304
|
+
"collection": "mode",
|
|
2305
|
+
"mode": "light",
|
|
2306
|
+
"group": "component (internal)",
|
|
2307
|
+
"scopes": ["borderColor"]
|
|
2308
|
+
}
|
|
2309
|
+
}
|
|
2310
|
+
},
|
|
2311
|
+
"name": "display-coral-borderColor-muted",
|
|
2312
|
+
"attributes": {},
|
|
2313
|
+
"path": ["display", "coral", "borderColor", "muted"]
|
|
2314
|
+
},
|
|
2315
|
+
"display-coral-borderColor-emphasis": {
|
|
2316
|
+
"value": "#eb3342",
|
|
2317
|
+
"$type": "color",
|
|
2318
|
+
"$extensions": {
|
|
2319
|
+
"org.primer.figma": {
|
|
2320
|
+
"collection": "mode",
|
|
2321
|
+
"mode": "light",
|
|
2322
|
+
"group": "component (internal)",
|
|
2323
|
+
"scopes": ["borderColor"]
|
|
2324
|
+
}
|
|
2325
|
+
},
|
|
2326
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2327
|
+
"isSource": true,
|
|
2328
|
+
"original": {
|
|
2329
|
+
"value": "{base.display.color.red.5}",
|
|
2330
|
+
"$type": "color",
|
|
2331
|
+
"$extensions": {
|
|
2332
|
+
"org.primer.figma": {
|
|
2333
|
+
"collection": "mode",
|
|
2334
|
+
"mode": "light",
|
|
2335
|
+
"group": "component (internal)",
|
|
2336
|
+
"scopes": ["borderColor"]
|
|
2337
|
+
}
|
|
2338
|
+
}
|
|
2339
|
+
},
|
|
2340
|
+
"name": "display-coral-borderColor-emphasis",
|
|
2341
|
+
"attributes": {},
|
|
2342
|
+
"path": ["display", "coral", "borderColor", "emphasis"]
|
|
2343
|
+
},
|
|
2199
2344
|
"display-yellow-bgColor-muted": {
|
|
2200
2345
|
"value": "#2e1a00",
|
|
2201
2346
|
"$type": "color",
|
|
@@ -2196,6 +2196,151 @@
|
|
|
2196
2196
|
"attributes": {},
|
|
2197
2197
|
"path": ["display", "red", "borderColor", "emphasis"]
|
|
2198
2198
|
},
|
|
2199
|
+
"display-coral-bgColor-muted": {
|
|
2200
|
+
"value": "#3c0614",
|
|
2201
|
+
"$type": "color",
|
|
2202
|
+
"$extensions": {
|
|
2203
|
+
"org.primer.figma": {
|
|
2204
|
+
"collection": "mode",
|
|
2205
|
+
"mode": "light",
|
|
2206
|
+
"group": "component (internal)",
|
|
2207
|
+
"scopes": ["bgColor"]
|
|
2208
|
+
}
|
|
2209
|
+
},
|
|
2210
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2211
|
+
"isSource": true,
|
|
2212
|
+
"original": {
|
|
2213
|
+
"value": "{base.display.color.red.0}",
|
|
2214
|
+
"$type": "color",
|
|
2215
|
+
"$extensions": {
|
|
2216
|
+
"org.primer.figma": {
|
|
2217
|
+
"collection": "mode",
|
|
2218
|
+
"mode": "light",
|
|
2219
|
+
"group": "component (internal)",
|
|
2220
|
+
"scopes": ["bgColor"]
|
|
2221
|
+
}
|
|
2222
|
+
}
|
|
2223
|
+
},
|
|
2224
|
+
"name": "display-coral-bgColor-muted",
|
|
2225
|
+
"attributes": {},
|
|
2226
|
+
"path": ["display", "coral", "bgColor", "muted"]
|
|
2227
|
+
},
|
|
2228
|
+
"display-coral-bgColor-emphasis": {
|
|
2229
|
+
"value": "#eb3342",
|
|
2230
|
+
"$type": "color",
|
|
2231
|
+
"$extensions": {
|
|
2232
|
+
"org.primer.figma": {
|
|
2233
|
+
"collection": "mode",
|
|
2234
|
+
"mode": "light",
|
|
2235
|
+
"group": "component (internal)",
|
|
2236
|
+
"scopes": ["bgColor"]
|
|
2237
|
+
}
|
|
2238
|
+
},
|
|
2239
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2240
|
+
"isSource": true,
|
|
2241
|
+
"original": {
|
|
2242
|
+
"value": "{base.display.color.red.5}",
|
|
2243
|
+
"$type": "color",
|
|
2244
|
+
"$extensions": {
|
|
2245
|
+
"org.primer.figma": {
|
|
2246
|
+
"collection": "mode",
|
|
2247
|
+
"mode": "light",
|
|
2248
|
+
"group": "component (internal)",
|
|
2249
|
+
"scopes": ["bgColor"]
|
|
2250
|
+
}
|
|
2251
|
+
}
|
|
2252
|
+
},
|
|
2253
|
+
"name": "display-coral-bgColor-emphasis",
|
|
2254
|
+
"attributes": {},
|
|
2255
|
+
"path": ["display", "coral", "bgColor", "emphasis"]
|
|
2256
|
+
},
|
|
2257
|
+
"display-coral-fgColor": {
|
|
2258
|
+
"value": "#f27d83",
|
|
2259
|
+
"$type": "color",
|
|
2260
|
+
"$extensions": {
|
|
2261
|
+
"org.primer.figma": {
|
|
2262
|
+
"collection": "mode",
|
|
2263
|
+
"mode": "light",
|
|
2264
|
+
"group": "component (internal)",
|
|
2265
|
+
"scopes": ["fgColor"]
|
|
2266
|
+
}
|
|
2267
|
+
},
|
|
2268
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2269
|
+
"isSource": true,
|
|
2270
|
+
"original": {
|
|
2271
|
+
"value": "{base.display.color.red.6}",
|
|
2272
|
+
"$type": "color",
|
|
2273
|
+
"$extensions": {
|
|
2274
|
+
"org.primer.figma": {
|
|
2275
|
+
"collection": "mode",
|
|
2276
|
+
"mode": "light",
|
|
2277
|
+
"group": "component (internal)",
|
|
2278
|
+
"scopes": ["fgColor"]
|
|
2279
|
+
}
|
|
2280
|
+
}
|
|
2281
|
+
},
|
|
2282
|
+
"name": "display-coral-fgColor",
|
|
2283
|
+
"attributes": {},
|
|
2284
|
+
"path": ["display", "coral", "fgColor"]
|
|
2285
|
+
},
|
|
2286
|
+
"display-coral-borderColor-muted": {
|
|
2287
|
+
"value": "#58091a",
|
|
2288
|
+
"$type": "color",
|
|
2289
|
+
"$extensions": {
|
|
2290
|
+
"org.primer.figma": {
|
|
2291
|
+
"collection": "mode",
|
|
2292
|
+
"mode": "light",
|
|
2293
|
+
"group": "component (internal)",
|
|
2294
|
+
"scopes": ["borderColor"]
|
|
2295
|
+
}
|
|
2296
|
+
},
|
|
2297
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2298
|
+
"isSource": true,
|
|
2299
|
+
"original": {
|
|
2300
|
+
"value": "{base.display.color.red.1}",
|
|
2301
|
+
"$type": "color",
|
|
2302
|
+
"$extensions": {
|
|
2303
|
+
"org.primer.figma": {
|
|
2304
|
+
"collection": "mode",
|
|
2305
|
+
"mode": "light",
|
|
2306
|
+
"group": "component (internal)",
|
|
2307
|
+
"scopes": ["borderColor"]
|
|
2308
|
+
}
|
|
2309
|
+
}
|
|
2310
|
+
},
|
|
2311
|
+
"name": "display-coral-borderColor-muted",
|
|
2312
|
+
"attributes": {},
|
|
2313
|
+
"path": ["display", "coral", "borderColor", "muted"]
|
|
2314
|
+
},
|
|
2315
|
+
"display-coral-borderColor-emphasis": {
|
|
2316
|
+
"value": "#eb3342",
|
|
2317
|
+
"$type": "color",
|
|
2318
|
+
"$extensions": {
|
|
2319
|
+
"org.primer.figma": {
|
|
2320
|
+
"collection": "mode",
|
|
2321
|
+
"mode": "light",
|
|
2322
|
+
"group": "component (internal)",
|
|
2323
|
+
"scopes": ["borderColor"]
|
|
2324
|
+
}
|
|
2325
|
+
},
|
|
2326
|
+
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
2327
|
+
"isSource": true,
|
|
2328
|
+
"original": {
|
|
2329
|
+
"value": "{base.display.color.red.5}",
|
|
2330
|
+
"$type": "color",
|
|
2331
|
+
"$extensions": {
|
|
2332
|
+
"org.primer.figma": {
|
|
2333
|
+
"collection": "mode",
|
|
2334
|
+
"mode": "light",
|
|
2335
|
+
"group": "component (internal)",
|
|
2336
|
+
"scopes": ["borderColor"]
|
|
2337
|
+
}
|
|
2338
|
+
}
|
|
2339
|
+
},
|
|
2340
|
+
"name": "display-coral-borderColor-emphasis",
|
|
2341
|
+
"attributes": {},
|
|
2342
|
+
"path": ["display", "coral", "borderColor", "emphasis"]
|
|
2343
|
+
},
|
|
2199
2344
|
"display-yellow-bgColor-muted": {
|
|
2200
2345
|
"value": "#2e1a00",
|
|
2201
2346
|
"$type": "color",
|
|
@@ -2192,6 +2192,151 @@
|
|
|
2192
2192
|
"attributes": {},
|
|
2193
2193
|
"path": ["display", "red", "borderColor", "emphasis"]
|
|
2194
2194
|
},
|
|
2195
|
+
"display-coral-bgColor-muted": {
|
|
2196
|
+
"value": "#ffe5db",
|
|
2197
|
+
"$type": "color",
|
|
2198
|
+
"$extensions": {
|
|
2199
|
+
"org.primer.figma": {
|
|
2200
|
+
"collection": "mode",
|
|
2201
|
+
"mode": "light",
|
|
2202
|
+
"group": "component (internal)",
|
|
2203
|
+
"scopes": ["bgColor"]
|
|
2204
|
+
}
|
|
2205
|
+
},
|
|
2206
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2207
|
+
"isSource": true,
|
|
2208
|
+
"original": {
|
|
2209
|
+
"value": "{base.display.color.coral.0}",
|
|
2210
|
+
"$type": "color",
|
|
2211
|
+
"$extensions": {
|
|
2212
|
+
"org.primer.figma": {
|
|
2213
|
+
"collection": "mode",
|
|
2214
|
+
"mode": "light",
|
|
2215
|
+
"group": "component (internal)",
|
|
2216
|
+
"scopes": ["bgColor"]
|
|
2217
|
+
}
|
|
2218
|
+
}
|
|
2219
|
+
},
|
|
2220
|
+
"name": "display-coral-bgColor-muted",
|
|
2221
|
+
"attributes": {},
|
|
2222
|
+
"path": ["display", "coral", "bgColor", "muted"]
|
|
2223
|
+
},
|
|
2224
|
+
"display-coral-bgColor-emphasis": {
|
|
2225
|
+
"value": "#d43511",
|
|
2226
|
+
"$type": "color",
|
|
2227
|
+
"$extensions": {
|
|
2228
|
+
"org.primer.figma": {
|
|
2229
|
+
"collection": "mode",
|
|
2230
|
+
"mode": "light",
|
|
2231
|
+
"group": "component (internal)",
|
|
2232
|
+
"scopes": ["bgColor"]
|
|
2233
|
+
}
|
|
2234
|
+
},
|
|
2235
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2236
|
+
"isSource": true,
|
|
2237
|
+
"original": {
|
|
2238
|
+
"value": "{base.display.color.coral.5}",
|
|
2239
|
+
"$type": "color",
|
|
2240
|
+
"$extensions": {
|
|
2241
|
+
"org.primer.figma": {
|
|
2242
|
+
"collection": "mode",
|
|
2243
|
+
"mode": "light",
|
|
2244
|
+
"group": "component (internal)",
|
|
2245
|
+
"scopes": ["bgColor"]
|
|
2246
|
+
}
|
|
2247
|
+
}
|
|
2248
|
+
},
|
|
2249
|
+
"name": "display-coral-bgColor-emphasis",
|
|
2250
|
+
"attributes": {},
|
|
2251
|
+
"path": ["display", "coral", "bgColor", "emphasis"]
|
|
2252
|
+
},
|
|
2253
|
+
"display-coral-fgColor": {
|
|
2254
|
+
"value": "#ba2e12",
|
|
2255
|
+
"$type": "color",
|
|
2256
|
+
"$extensions": {
|
|
2257
|
+
"org.primer.figma": {
|
|
2258
|
+
"collection": "mode",
|
|
2259
|
+
"mode": "light",
|
|
2260
|
+
"group": "component (internal)",
|
|
2261
|
+
"scopes": ["fgColor"]
|
|
2262
|
+
}
|
|
2263
|
+
},
|
|
2264
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2265
|
+
"isSource": true,
|
|
2266
|
+
"original": {
|
|
2267
|
+
"value": "{base.display.color.coral.6}",
|
|
2268
|
+
"$type": "color",
|
|
2269
|
+
"$extensions": {
|
|
2270
|
+
"org.primer.figma": {
|
|
2271
|
+
"collection": "mode",
|
|
2272
|
+
"mode": "light",
|
|
2273
|
+
"group": "component (internal)",
|
|
2274
|
+
"scopes": ["fgColor"]
|
|
2275
|
+
}
|
|
2276
|
+
}
|
|
2277
|
+
},
|
|
2278
|
+
"name": "display-coral-fgColor",
|
|
2279
|
+
"attributes": {},
|
|
2280
|
+
"path": ["display", "coral", "fgColor"]
|
|
2281
|
+
},
|
|
2282
|
+
"display-coral-borderColor-muted": {
|
|
2283
|
+
"value": "#fecebe",
|
|
2284
|
+
"$type": "color",
|
|
2285
|
+
"$extensions": {
|
|
2286
|
+
"org.primer.figma": {
|
|
2287
|
+
"collection": "mode",
|
|
2288
|
+
"mode": "light",
|
|
2289
|
+
"group": "component (internal)",
|
|
2290
|
+
"scopes": ["borderColor"]
|
|
2291
|
+
}
|
|
2292
|
+
},
|
|
2293
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2294
|
+
"isSource": true,
|
|
2295
|
+
"original": {
|
|
2296
|
+
"value": "{base.display.color.coral.1}",
|
|
2297
|
+
"$type": "color",
|
|
2298
|
+
"$extensions": {
|
|
2299
|
+
"org.primer.figma": {
|
|
2300
|
+
"collection": "mode",
|
|
2301
|
+
"mode": "light",
|
|
2302
|
+
"group": "component (internal)",
|
|
2303
|
+
"scopes": ["borderColor"]
|
|
2304
|
+
}
|
|
2305
|
+
}
|
|
2306
|
+
},
|
|
2307
|
+
"name": "display-coral-borderColor-muted",
|
|
2308
|
+
"attributes": {},
|
|
2309
|
+
"path": ["display", "coral", "borderColor", "muted"]
|
|
2310
|
+
},
|
|
2311
|
+
"display-coral-borderColor-emphasis": {
|
|
2312
|
+
"value": "#d43511",
|
|
2313
|
+
"$type": "color",
|
|
2314
|
+
"$extensions": {
|
|
2315
|
+
"org.primer.figma": {
|
|
2316
|
+
"collection": "mode",
|
|
2317
|
+
"mode": "light",
|
|
2318
|
+
"group": "component (internal)",
|
|
2319
|
+
"scopes": ["borderColor"]
|
|
2320
|
+
}
|
|
2321
|
+
},
|
|
2322
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2323
|
+
"isSource": true,
|
|
2324
|
+
"original": {
|
|
2325
|
+
"value": "{base.display.color.coral.5}",
|
|
2326
|
+
"$type": "color",
|
|
2327
|
+
"$extensions": {
|
|
2328
|
+
"org.primer.figma": {
|
|
2329
|
+
"collection": "mode",
|
|
2330
|
+
"mode": "light",
|
|
2331
|
+
"group": "component (internal)",
|
|
2332
|
+
"scopes": ["borderColor"]
|
|
2333
|
+
}
|
|
2334
|
+
}
|
|
2335
|
+
},
|
|
2336
|
+
"name": "display-coral-borderColor-emphasis",
|
|
2337
|
+
"attributes": {},
|
|
2338
|
+
"path": ["display", "coral", "borderColor", "emphasis"]
|
|
2339
|
+
},
|
|
2195
2340
|
"display-yellow-bgColor-muted": {
|
|
2196
2341
|
"value": "#ffec9e",
|
|
2197
2342
|
"$type": "color",
|
|
@@ -2190,6 +2190,151 @@
|
|
|
2190
2190
|
"attributes": {},
|
|
2191
2191
|
"path": ["display", "red", "borderColor", "emphasis"]
|
|
2192
2192
|
},
|
|
2193
|
+
"display-coral-bgColor-muted": {
|
|
2194
|
+
"value": "#ffe5db",
|
|
2195
|
+
"$type": "color",
|
|
2196
|
+
"$extensions": {
|
|
2197
|
+
"org.primer.figma": {
|
|
2198
|
+
"collection": "mode",
|
|
2199
|
+
"mode": "light",
|
|
2200
|
+
"group": "component (internal)",
|
|
2201
|
+
"scopes": ["bgColor"]
|
|
2202
|
+
}
|
|
2203
|
+
},
|
|
2204
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2205
|
+
"isSource": true,
|
|
2206
|
+
"original": {
|
|
2207
|
+
"value": "{base.display.color.coral.0}",
|
|
2208
|
+
"$type": "color",
|
|
2209
|
+
"$extensions": {
|
|
2210
|
+
"org.primer.figma": {
|
|
2211
|
+
"collection": "mode",
|
|
2212
|
+
"mode": "light",
|
|
2213
|
+
"group": "component (internal)",
|
|
2214
|
+
"scopes": ["bgColor"]
|
|
2215
|
+
}
|
|
2216
|
+
}
|
|
2217
|
+
},
|
|
2218
|
+
"name": "display-coral-bgColor-muted",
|
|
2219
|
+
"attributes": {},
|
|
2220
|
+
"path": ["display", "coral", "bgColor", "muted"]
|
|
2221
|
+
},
|
|
2222
|
+
"display-coral-bgColor-emphasis": {
|
|
2223
|
+
"value": "#d43511",
|
|
2224
|
+
"$type": "color",
|
|
2225
|
+
"$extensions": {
|
|
2226
|
+
"org.primer.figma": {
|
|
2227
|
+
"collection": "mode",
|
|
2228
|
+
"mode": "light",
|
|
2229
|
+
"group": "component (internal)",
|
|
2230
|
+
"scopes": ["bgColor"]
|
|
2231
|
+
}
|
|
2232
|
+
},
|
|
2233
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2234
|
+
"isSource": true,
|
|
2235
|
+
"original": {
|
|
2236
|
+
"value": "{base.display.color.coral.5}",
|
|
2237
|
+
"$type": "color",
|
|
2238
|
+
"$extensions": {
|
|
2239
|
+
"org.primer.figma": {
|
|
2240
|
+
"collection": "mode",
|
|
2241
|
+
"mode": "light",
|
|
2242
|
+
"group": "component (internal)",
|
|
2243
|
+
"scopes": ["bgColor"]
|
|
2244
|
+
}
|
|
2245
|
+
}
|
|
2246
|
+
},
|
|
2247
|
+
"name": "display-coral-bgColor-emphasis",
|
|
2248
|
+
"attributes": {},
|
|
2249
|
+
"path": ["display", "coral", "bgColor", "emphasis"]
|
|
2250
|
+
},
|
|
2251
|
+
"display-coral-fgColor": {
|
|
2252
|
+
"value": "#ba2e12",
|
|
2253
|
+
"$type": "color",
|
|
2254
|
+
"$extensions": {
|
|
2255
|
+
"org.primer.figma": {
|
|
2256
|
+
"collection": "mode",
|
|
2257
|
+
"mode": "light",
|
|
2258
|
+
"group": "component (internal)",
|
|
2259
|
+
"scopes": ["fgColor"]
|
|
2260
|
+
}
|
|
2261
|
+
},
|
|
2262
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2263
|
+
"isSource": true,
|
|
2264
|
+
"original": {
|
|
2265
|
+
"value": "{base.display.color.coral.6}",
|
|
2266
|
+
"$type": "color",
|
|
2267
|
+
"$extensions": {
|
|
2268
|
+
"org.primer.figma": {
|
|
2269
|
+
"collection": "mode",
|
|
2270
|
+
"mode": "light",
|
|
2271
|
+
"group": "component (internal)",
|
|
2272
|
+
"scopes": ["fgColor"]
|
|
2273
|
+
}
|
|
2274
|
+
}
|
|
2275
|
+
},
|
|
2276
|
+
"name": "display-coral-fgColor",
|
|
2277
|
+
"attributes": {},
|
|
2278
|
+
"path": ["display", "coral", "fgColor"]
|
|
2279
|
+
},
|
|
2280
|
+
"display-coral-borderColor-muted": {
|
|
2281
|
+
"value": "#fecebe",
|
|
2282
|
+
"$type": "color",
|
|
2283
|
+
"$extensions": {
|
|
2284
|
+
"org.primer.figma": {
|
|
2285
|
+
"collection": "mode",
|
|
2286
|
+
"mode": "light",
|
|
2287
|
+
"group": "component (internal)",
|
|
2288
|
+
"scopes": ["borderColor"]
|
|
2289
|
+
}
|
|
2290
|
+
},
|
|
2291
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2292
|
+
"isSource": true,
|
|
2293
|
+
"original": {
|
|
2294
|
+
"value": "{base.display.color.coral.1}",
|
|
2295
|
+
"$type": "color",
|
|
2296
|
+
"$extensions": {
|
|
2297
|
+
"org.primer.figma": {
|
|
2298
|
+
"collection": "mode",
|
|
2299
|
+
"mode": "light",
|
|
2300
|
+
"group": "component (internal)",
|
|
2301
|
+
"scopes": ["borderColor"]
|
|
2302
|
+
}
|
|
2303
|
+
}
|
|
2304
|
+
},
|
|
2305
|
+
"name": "display-coral-borderColor-muted",
|
|
2306
|
+
"attributes": {},
|
|
2307
|
+
"path": ["display", "coral", "borderColor", "muted"]
|
|
2308
|
+
},
|
|
2309
|
+
"display-coral-borderColor-emphasis": {
|
|
2310
|
+
"value": "#d43511",
|
|
2311
|
+
"$type": "color",
|
|
2312
|
+
"$extensions": {
|
|
2313
|
+
"org.primer.figma": {
|
|
2314
|
+
"collection": "mode",
|
|
2315
|
+
"mode": "light",
|
|
2316
|
+
"group": "component (internal)",
|
|
2317
|
+
"scopes": ["borderColor"]
|
|
2318
|
+
}
|
|
2319
|
+
},
|
|
2320
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2321
|
+
"isSource": true,
|
|
2322
|
+
"original": {
|
|
2323
|
+
"value": "{base.display.color.coral.5}",
|
|
2324
|
+
"$type": "color",
|
|
2325
|
+
"$extensions": {
|
|
2326
|
+
"org.primer.figma": {
|
|
2327
|
+
"collection": "mode",
|
|
2328
|
+
"mode": "light",
|
|
2329
|
+
"group": "component (internal)",
|
|
2330
|
+
"scopes": ["borderColor"]
|
|
2331
|
+
}
|
|
2332
|
+
}
|
|
2333
|
+
},
|
|
2334
|
+
"name": "display-coral-borderColor-emphasis",
|
|
2335
|
+
"attributes": {},
|
|
2336
|
+
"path": ["display", "coral", "borderColor", "emphasis"]
|
|
2337
|
+
},
|
|
2193
2338
|
"display-yellow-bgColor-muted": {
|
|
2194
2339
|
"value": "#ffec9e",
|
|
2195
2340
|
"$type": "color",
|