@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
|
@@ -2188,6 +2188,151 @@
|
|
|
2188
2188
|
"attributes": {},
|
|
2189
2189
|
"path": ["display", "red", "borderColor", "emphasis"]
|
|
2190
2190
|
},
|
|
2191
|
+
"display-coral-bgColor-muted": {
|
|
2192
|
+
"value": "#ffe5db",
|
|
2193
|
+
"$type": "color",
|
|
2194
|
+
"$extensions": {
|
|
2195
|
+
"org.primer.figma": {
|
|
2196
|
+
"collection": "mode",
|
|
2197
|
+
"mode": "light",
|
|
2198
|
+
"group": "component (internal)",
|
|
2199
|
+
"scopes": ["bgColor"]
|
|
2200
|
+
}
|
|
2201
|
+
},
|
|
2202
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2203
|
+
"isSource": true,
|
|
2204
|
+
"original": {
|
|
2205
|
+
"value": "{base.display.color.coral.0}",
|
|
2206
|
+
"$type": "color",
|
|
2207
|
+
"$extensions": {
|
|
2208
|
+
"org.primer.figma": {
|
|
2209
|
+
"collection": "mode",
|
|
2210
|
+
"mode": "light",
|
|
2211
|
+
"group": "component (internal)",
|
|
2212
|
+
"scopes": ["bgColor"]
|
|
2213
|
+
}
|
|
2214
|
+
}
|
|
2215
|
+
},
|
|
2216
|
+
"name": "display-coral-bgColor-muted",
|
|
2217
|
+
"attributes": {},
|
|
2218
|
+
"path": ["display", "coral", "bgColor", "muted"]
|
|
2219
|
+
},
|
|
2220
|
+
"display-coral-bgColor-emphasis": {
|
|
2221
|
+
"value": "#d43511",
|
|
2222
|
+
"$type": "color",
|
|
2223
|
+
"$extensions": {
|
|
2224
|
+
"org.primer.figma": {
|
|
2225
|
+
"collection": "mode",
|
|
2226
|
+
"mode": "light",
|
|
2227
|
+
"group": "component (internal)",
|
|
2228
|
+
"scopes": ["bgColor"]
|
|
2229
|
+
}
|
|
2230
|
+
},
|
|
2231
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2232
|
+
"isSource": true,
|
|
2233
|
+
"original": {
|
|
2234
|
+
"value": "{base.display.color.coral.5}",
|
|
2235
|
+
"$type": "color",
|
|
2236
|
+
"$extensions": {
|
|
2237
|
+
"org.primer.figma": {
|
|
2238
|
+
"collection": "mode",
|
|
2239
|
+
"mode": "light",
|
|
2240
|
+
"group": "component (internal)",
|
|
2241
|
+
"scopes": ["bgColor"]
|
|
2242
|
+
}
|
|
2243
|
+
}
|
|
2244
|
+
},
|
|
2245
|
+
"name": "display-coral-bgColor-emphasis",
|
|
2246
|
+
"attributes": {},
|
|
2247
|
+
"path": ["display", "coral", "bgColor", "emphasis"]
|
|
2248
|
+
},
|
|
2249
|
+
"display-coral-fgColor": {
|
|
2250
|
+
"value": "#ba2e12",
|
|
2251
|
+
"$type": "color",
|
|
2252
|
+
"$extensions": {
|
|
2253
|
+
"org.primer.figma": {
|
|
2254
|
+
"collection": "mode",
|
|
2255
|
+
"mode": "light",
|
|
2256
|
+
"group": "component (internal)",
|
|
2257
|
+
"scopes": ["fgColor"]
|
|
2258
|
+
}
|
|
2259
|
+
},
|
|
2260
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2261
|
+
"isSource": true,
|
|
2262
|
+
"original": {
|
|
2263
|
+
"value": "{base.display.color.coral.6}",
|
|
2264
|
+
"$type": "color",
|
|
2265
|
+
"$extensions": {
|
|
2266
|
+
"org.primer.figma": {
|
|
2267
|
+
"collection": "mode",
|
|
2268
|
+
"mode": "light",
|
|
2269
|
+
"group": "component (internal)",
|
|
2270
|
+
"scopes": ["fgColor"]
|
|
2271
|
+
}
|
|
2272
|
+
}
|
|
2273
|
+
},
|
|
2274
|
+
"name": "display-coral-fgColor",
|
|
2275
|
+
"attributes": {},
|
|
2276
|
+
"path": ["display", "coral", "fgColor"]
|
|
2277
|
+
},
|
|
2278
|
+
"display-coral-borderColor-muted": {
|
|
2279
|
+
"value": "#fecebe",
|
|
2280
|
+
"$type": "color",
|
|
2281
|
+
"$extensions": {
|
|
2282
|
+
"org.primer.figma": {
|
|
2283
|
+
"collection": "mode",
|
|
2284
|
+
"mode": "light",
|
|
2285
|
+
"group": "component (internal)",
|
|
2286
|
+
"scopes": ["borderColor"]
|
|
2287
|
+
}
|
|
2288
|
+
},
|
|
2289
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2290
|
+
"isSource": true,
|
|
2291
|
+
"original": {
|
|
2292
|
+
"value": "{base.display.color.coral.1}",
|
|
2293
|
+
"$type": "color",
|
|
2294
|
+
"$extensions": {
|
|
2295
|
+
"org.primer.figma": {
|
|
2296
|
+
"collection": "mode",
|
|
2297
|
+
"mode": "light",
|
|
2298
|
+
"group": "component (internal)",
|
|
2299
|
+
"scopes": ["borderColor"]
|
|
2300
|
+
}
|
|
2301
|
+
}
|
|
2302
|
+
},
|
|
2303
|
+
"name": "display-coral-borderColor-muted",
|
|
2304
|
+
"attributes": {},
|
|
2305
|
+
"path": ["display", "coral", "borderColor", "muted"]
|
|
2306
|
+
},
|
|
2307
|
+
"display-coral-borderColor-emphasis": {
|
|
2308
|
+
"value": "#d43511",
|
|
2309
|
+
"$type": "color",
|
|
2310
|
+
"$extensions": {
|
|
2311
|
+
"org.primer.figma": {
|
|
2312
|
+
"collection": "mode",
|
|
2313
|
+
"mode": "light",
|
|
2314
|
+
"group": "component (internal)",
|
|
2315
|
+
"scopes": ["borderColor"]
|
|
2316
|
+
}
|
|
2317
|
+
},
|
|
2318
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2319
|
+
"isSource": true,
|
|
2320
|
+
"original": {
|
|
2321
|
+
"value": "{base.display.color.coral.5}",
|
|
2322
|
+
"$type": "color",
|
|
2323
|
+
"$extensions": {
|
|
2324
|
+
"org.primer.figma": {
|
|
2325
|
+
"collection": "mode",
|
|
2326
|
+
"mode": "light",
|
|
2327
|
+
"group": "component (internal)",
|
|
2328
|
+
"scopes": ["borderColor"]
|
|
2329
|
+
}
|
|
2330
|
+
}
|
|
2331
|
+
},
|
|
2332
|
+
"name": "display-coral-borderColor-emphasis",
|
|
2333
|
+
"attributes": {},
|
|
2334
|
+
"path": ["display", "coral", "borderColor", "emphasis"]
|
|
2335
|
+
},
|
|
2191
2336
|
"display-yellow-bgColor-muted": {
|
|
2192
2337
|
"value": "#ffec9e",
|
|
2193
2338
|
"$type": "color",
|
|
@@ -2188,6 +2188,151 @@
|
|
|
2188
2188
|
"attributes": {},
|
|
2189
2189
|
"path": ["display", "red", "borderColor", "emphasis"]
|
|
2190
2190
|
},
|
|
2191
|
+
"display-coral-bgColor-muted": {
|
|
2192
|
+
"value": "#ffe5db",
|
|
2193
|
+
"$type": "color",
|
|
2194
|
+
"$extensions": {
|
|
2195
|
+
"org.primer.figma": {
|
|
2196
|
+
"collection": "mode",
|
|
2197
|
+
"mode": "light",
|
|
2198
|
+
"group": "component (internal)",
|
|
2199
|
+
"scopes": ["bgColor"]
|
|
2200
|
+
}
|
|
2201
|
+
},
|
|
2202
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2203
|
+
"isSource": true,
|
|
2204
|
+
"original": {
|
|
2205
|
+
"value": "{base.display.color.coral.0}",
|
|
2206
|
+
"$type": "color",
|
|
2207
|
+
"$extensions": {
|
|
2208
|
+
"org.primer.figma": {
|
|
2209
|
+
"collection": "mode",
|
|
2210
|
+
"mode": "light",
|
|
2211
|
+
"group": "component (internal)",
|
|
2212
|
+
"scopes": ["bgColor"]
|
|
2213
|
+
}
|
|
2214
|
+
}
|
|
2215
|
+
},
|
|
2216
|
+
"name": "display-coral-bgColor-muted",
|
|
2217
|
+
"attributes": {},
|
|
2218
|
+
"path": ["display", "coral", "bgColor", "muted"]
|
|
2219
|
+
},
|
|
2220
|
+
"display-coral-bgColor-emphasis": {
|
|
2221
|
+
"value": "#d43511",
|
|
2222
|
+
"$type": "color",
|
|
2223
|
+
"$extensions": {
|
|
2224
|
+
"org.primer.figma": {
|
|
2225
|
+
"collection": "mode",
|
|
2226
|
+
"mode": "light",
|
|
2227
|
+
"group": "component (internal)",
|
|
2228
|
+
"scopes": ["bgColor"]
|
|
2229
|
+
}
|
|
2230
|
+
},
|
|
2231
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2232
|
+
"isSource": true,
|
|
2233
|
+
"original": {
|
|
2234
|
+
"value": "{base.display.color.coral.5}",
|
|
2235
|
+
"$type": "color",
|
|
2236
|
+
"$extensions": {
|
|
2237
|
+
"org.primer.figma": {
|
|
2238
|
+
"collection": "mode",
|
|
2239
|
+
"mode": "light",
|
|
2240
|
+
"group": "component (internal)",
|
|
2241
|
+
"scopes": ["bgColor"]
|
|
2242
|
+
}
|
|
2243
|
+
}
|
|
2244
|
+
},
|
|
2245
|
+
"name": "display-coral-bgColor-emphasis",
|
|
2246
|
+
"attributes": {},
|
|
2247
|
+
"path": ["display", "coral", "bgColor", "emphasis"]
|
|
2248
|
+
},
|
|
2249
|
+
"display-coral-fgColor": {
|
|
2250
|
+
"value": "#ba2e12",
|
|
2251
|
+
"$type": "color",
|
|
2252
|
+
"$extensions": {
|
|
2253
|
+
"org.primer.figma": {
|
|
2254
|
+
"collection": "mode",
|
|
2255
|
+
"mode": "light",
|
|
2256
|
+
"group": "component (internal)",
|
|
2257
|
+
"scopes": ["fgColor"]
|
|
2258
|
+
}
|
|
2259
|
+
},
|
|
2260
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2261
|
+
"isSource": true,
|
|
2262
|
+
"original": {
|
|
2263
|
+
"value": "{base.display.color.coral.6}",
|
|
2264
|
+
"$type": "color",
|
|
2265
|
+
"$extensions": {
|
|
2266
|
+
"org.primer.figma": {
|
|
2267
|
+
"collection": "mode",
|
|
2268
|
+
"mode": "light",
|
|
2269
|
+
"group": "component (internal)",
|
|
2270
|
+
"scopes": ["fgColor"]
|
|
2271
|
+
}
|
|
2272
|
+
}
|
|
2273
|
+
},
|
|
2274
|
+
"name": "display-coral-fgColor",
|
|
2275
|
+
"attributes": {},
|
|
2276
|
+
"path": ["display", "coral", "fgColor"]
|
|
2277
|
+
},
|
|
2278
|
+
"display-coral-borderColor-muted": {
|
|
2279
|
+
"value": "#fecebe",
|
|
2280
|
+
"$type": "color",
|
|
2281
|
+
"$extensions": {
|
|
2282
|
+
"org.primer.figma": {
|
|
2283
|
+
"collection": "mode",
|
|
2284
|
+
"mode": "light",
|
|
2285
|
+
"group": "component (internal)",
|
|
2286
|
+
"scopes": ["borderColor"]
|
|
2287
|
+
}
|
|
2288
|
+
},
|
|
2289
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2290
|
+
"isSource": true,
|
|
2291
|
+
"original": {
|
|
2292
|
+
"value": "{base.display.color.coral.1}",
|
|
2293
|
+
"$type": "color",
|
|
2294
|
+
"$extensions": {
|
|
2295
|
+
"org.primer.figma": {
|
|
2296
|
+
"collection": "mode",
|
|
2297
|
+
"mode": "light",
|
|
2298
|
+
"group": "component (internal)",
|
|
2299
|
+
"scopes": ["borderColor"]
|
|
2300
|
+
}
|
|
2301
|
+
}
|
|
2302
|
+
},
|
|
2303
|
+
"name": "display-coral-borderColor-muted",
|
|
2304
|
+
"attributes": {},
|
|
2305
|
+
"path": ["display", "coral", "borderColor", "muted"]
|
|
2306
|
+
},
|
|
2307
|
+
"display-coral-borderColor-emphasis": {
|
|
2308
|
+
"value": "#d43511",
|
|
2309
|
+
"$type": "color",
|
|
2310
|
+
"$extensions": {
|
|
2311
|
+
"org.primer.figma": {
|
|
2312
|
+
"collection": "mode",
|
|
2313
|
+
"mode": "light",
|
|
2314
|
+
"group": "component (internal)",
|
|
2315
|
+
"scopes": ["borderColor"]
|
|
2316
|
+
}
|
|
2317
|
+
},
|
|
2318
|
+
"filePath": "src/tokens/functional/color/light/display-light.json5",
|
|
2319
|
+
"isSource": true,
|
|
2320
|
+
"original": {
|
|
2321
|
+
"value": "{base.display.color.coral.5}",
|
|
2322
|
+
"$type": "color",
|
|
2323
|
+
"$extensions": {
|
|
2324
|
+
"org.primer.figma": {
|
|
2325
|
+
"collection": "mode",
|
|
2326
|
+
"mode": "light",
|
|
2327
|
+
"group": "component (internal)",
|
|
2328
|
+
"scopes": ["borderColor"]
|
|
2329
|
+
}
|
|
2330
|
+
}
|
|
2331
|
+
},
|
|
2332
|
+
"name": "display-coral-borderColor-emphasis",
|
|
2333
|
+
"attributes": {},
|
|
2334
|
+
"path": ["display", "coral", "borderColor", "emphasis"]
|
|
2335
|
+
},
|
|
2191
2336
|
"display-yellow-bgColor-muted": {
|
|
2192
2337
|
"value": "#ffec9e",
|
|
2193
2338
|
"$type": "color",
|
|
@@ -6581,6 +6581,86 @@
|
|
|
6581
6581
|
"group": "component (internal)",
|
|
6582
6582
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6583
6583
|
},
|
|
6584
|
+
{
|
|
6585
|
+
"name": "display/coral/borderColor/emphasis",
|
|
6586
|
+
"value": {
|
|
6587
|
+
"r": 0.9215686274509803,
|
|
6588
|
+
"g": 0.2,
|
|
6589
|
+
"b": 0.25882352941176473,
|
|
6590
|
+
"a": 1
|
|
6591
|
+
},
|
|
6592
|
+
"type": "COLOR",
|
|
6593
|
+
"refId": "mode/display/coral/borderColor/emphasis",
|
|
6594
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6595
|
+
"collection": "mode",
|
|
6596
|
+
"mode": "dark colorblind",
|
|
6597
|
+
"group": "component (internal)",
|
|
6598
|
+
"scopes": ["STROKE_COLOR"]
|
|
6599
|
+
},
|
|
6600
|
+
{
|
|
6601
|
+
"name": "display/coral/borderColor/muted",
|
|
6602
|
+
"value": {
|
|
6603
|
+
"r": 0.34509803921568627,
|
|
6604
|
+
"g": 0.03529411764705882,
|
|
6605
|
+
"b": 0.10196078431372549,
|
|
6606
|
+
"a": 1
|
|
6607
|
+
},
|
|
6608
|
+
"type": "COLOR",
|
|
6609
|
+
"refId": "mode/display/coral/borderColor/muted",
|
|
6610
|
+
"reference": "base/color/dark/base/display/color/red/1",
|
|
6611
|
+
"collection": "mode",
|
|
6612
|
+
"mode": "dark colorblind",
|
|
6613
|
+
"group": "component (internal)",
|
|
6614
|
+
"scopes": ["STROKE_COLOR"]
|
|
6615
|
+
},
|
|
6616
|
+
{
|
|
6617
|
+
"name": "display/coral/fgColor",
|
|
6618
|
+
"value": {
|
|
6619
|
+
"r": 0.9490196078431372,
|
|
6620
|
+
"g": 0.49019607843137253,
|
|
6621
|
+
"b": 0.5137254901960784,
|
|
6622
|
+
"a": 1
|
|
6623
|
+
},
|
|
6624
|
+
"type": "COLOR",
|
|
6625
|
+
"refId": "mode/display/coral/fgColor",
|
|
6626
|
+
"reference": "base/color/dark/base/display/color/red/6",
|
|
6627
|
+
"collection": "mode",
|
|
6628
|
+
"mode": "dark colorblind",
|
|
6629
|
+
"group": "component (internal)",
|
|
6630
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
6631
|
+
},
|
|
6632
|
+
{
|
|
6633
|
+
"name": "display/coral/bgColor/emphasis",
|
|
6634
|
+
"value": {
|
|
6635
|
+
"r": 0.9215686274509803,
|
|
6636
|
+
"g": 0.2,
|
|
6637
|
+
"b": 0.25882352941176473,
|
|
6638
|
+
"a": 1
|
|
6639
|
+
},
|
|
6640
|
+
"type": "COLOR",
|
|
6641
|
+
"refId": "mode/display/coral/bgColor/emphasis",
|
|
6642
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6643
|
+
"collection": "mode",
|
|
6644
|
+
"mode": "dark colorblind",
|
|
6645
|
+
"group": "component (internal)",
|
|
6646
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6647
|
+
},
|
|
6648
|
+
{
|
|
6649
|
+
"name": "display/coral/bgColor/muted",
|
|
6650
|
+
"value": {
|
|
6651
|
+
"r": 0.23529411764705882,
|
|
6652
|
+
"g": 0.023529411764705882,
|
|
6653
|
+
"b": 0.0784313725490196,
|
|
6654
|
+
"a": 1
|
|
6655
|
+
},
|
|
6656
|
+
"type": "COLOR",
|
|
6657
|
+
"refId": "mode/display/coral/bgColor/muted",
|
|
6658
|
+
"reference": "base/color/dark/base/display/color/red/0",
|
|
6659
|
+
"collection": "mode",
|
|
6660
|
+
"mode": "dark colorblind",
|
|
6661
|
+
"group": "component (internal)",
|
|
6662
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6663
|
+
},
|
|
6584
6664
|
{
|
|
6585
6665
|
"name": "display/red/borderColor/emphasis",
|
|
6586
6666
|
"value": {
|
|
@@ -6515,6 +6515,86 @@
|
|
|
6515
6515
|
"group": "component (internal)",
|
|
6516
6516
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6517
6517
|
},
|
|
6518
|
+
{
|
|
6519
|
+
"name": "display/coral/borderColor/emphasis",
|
|
6520
|
+
"value": {
|
|
6521
|
+
"r": 0.9215686274509803,
|
|
6522
|
+
"g": 0.2,
|
|
6523
|
+
"b": 0.25882352941176473,
|
|
6524
|
+
"a": 1
|
|
6525
|
+
},
|
|
6526
|
+
"type": "COLOR",
|
|
6527
|
+
"refId": "mode/display/coral/borderColor/emphasis",
|
|
6528
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6529
|
+
"collection": "mode",
|
|
6530
|
+
"mode": "dark dimmed",
|
|
6531
|
+
"group": "component (internal)",
|
|
6532
|
+
"scopes": ["STROKE_COLOR"]
|
|
6533
|
+
},
|
|
6534
|
+
{
|
|
6535
|
+
"name": "display/coral/borderColor/muted",
|
|
6536
|
+
"value": {
|
|
6537
|
+
"r": 0.34509803921568627,
|
|
6538
|
+
"g": 0.03529411764705882,
|
|
6539
|
+
"b": 0.10196078431372549,
|
|
6540
|
+
"a": 1
|
|
6541
|
+
},
|
|
6542
|
+
"type": "COLOR",
|
|
6543
|
+
"refId": "mode/display/coral/borderColor/muted",
|
|
6544
|
+
"reference": "base/color/dark/base/display/color/red/1",
|
|
6545
|
+
"collection": "mode",
|
|
6546
|
+
"mode": "dark dimmed",
|
|
6547
|
+
"group": "component (internal)",
|
|
6548
|
+
"scopes": ["STROKE_COLOR"]
|
|
6549
|
+
},
|
|
6550
|
+
{
|
|
6551
|
+
"name": "display/coral/fgColor",
|
|
6552
|
+
"value": {
|
|
6553
|
+
"r": 0.9490196078431372,
|
|
6554
|
+
"g": 0.49019607843137253,
|
|
6555
|
+
"b": 0.5137254901960784,
|
|
6556
|
+
"a": 1
|
|
6557
|
+
},
|
|
6558
|
+
"type": "COLOR",
|
|
6559
|
+
"refId": "mode/display/coral/fgColor",
|
|
6560
|
+
"reference": "base/color/dark/base/display/color/red/6",
|
|
6561
|
+
"collection": "mode",
|
|
6562
|
+
"mode": "dark dimmed",
|
|
6563
|
+
"group": "component (internal)",
|
|
6564
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
6565
|
+
},
|
|
6566
|
+
{
|
|
6567
|
+
"name": "display/coral/bgColor/emphasis",
|
|
6568
|
+
"value": {
|
|
6569
|
+
"r": 0.9215686274509803,
|
|
6570
|
+
"g": 0.2,
|
|
6571
|
+
"b": 0.25882352941176473,
|
|
6572
|
+
"a": 1
|
|
6573
|
+
},
|
|
6574
|
+
"type": "COLOR",
|
|
6575
|
+
"refId": "mode/display/coral/bgColor/emphasis",
|
|
6576
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6577
|
+
"collection": "mode",
|
|
6578
|
+
"mode": "dark dimmed",
|
|
6579
|
+
"group": "component (internal)",
|
|
6580
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6581
|
+
},
|
|
6582
|
+
{
|
|
6583
|
+
"name": "display/coral/bgColor/muted",
|
|
6584
|
+
"value": {
|
|
6585
|
+
"r": 0.23529411764705882,
|
|
6586
|
+
"g": 0.023529411764705882,
|
|
6587
|
+
"b": 0.0784313725490196,
|
|
6588
|
+
"a": 1
|
|
6589
|
+
},
|
|
6590
|
+
"type": "COLOR",
|
|
6591
|
+
"refId": "mode/display/coral/bgColor/muted",
|
|
6592
|
+
"reference": "base/color/dark/base/display/color/red/0",
|
|
6593
|
+
"collection": "mode",
|
|
6594
|
+
"mode": "dark dimmed",
|
|
6595
|
+
"group": "component (internal)",
|
|
6596
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6597
|
+
},
|
|
6518
6598
|
{
|
|
6519
6599
|
"name": "display/red/borderColor/emphasis",
|
|
6520
6600
|
"value": {
|
|
@@ -6572,6 +6572,86 @@
|
|
|
6572
6572
|
"group": "component (internal)",
|
|
6573
6573
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6574
6574
|
},
|
|
6575
|
+
{
|
|
6576
|
+
"name": "display/coral/borderColor/emphasis",
|
|
6577
|
+
"value": {
|
|
6578
|
+
"r": 0.9215686274509803,
|
|
6579
|
+
"g": 0.2,
|
|
6580
|
+
"b": 0.25882352941176473,
|
|
6581
|
+
"a": 1
|
|
6582
|
+
},
|
|
6583
|
+
"type": "COLOR",
|
|
6584
|
+
"refId": "mode/display/coral/borderColor/emphasis",
|
|
6585
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6586
|
+
"collection": "mode",
|
|
6587
|
+
"mode": "dark high contrast",
|
|
6588
|
+
"group": "component (internal)",
|
|
6589
|
+
"scopes": ["STROKE_COLOR"]
|
|
6590
|
+
},
|
|
6591
|
+
{
|
|
6592
|
+
"name": "display/coral/borderColor/muted",
|
|
6593
|
+
"value": {
|
|
6594
|
+
"r": 0.34509803921568627,
|
|
6595
|
+
"g": 0.03529411764705882,
|
|
6596
|
+
"b": 0.10196078431372549,
|
|
6597
|
+
"a": 1
|
|
6598
|
+
},
|
|
6599
|
+
"type": "COLOR",
|
|
6600
|
+
"refId": "mode/display/coral/borderColor/muted",
|
|
6601
|
+
"reference": "base/color/dark/base/display/color/red/1",
|
|
6602
|
+
"collection": "mode",
|
|
6603
|
+
"mode": "dark high contrast",
|
|
6604
|
+
"group": "component (internal)",
|
|
6605
|
+
"scopes": ["STROKE_COLOR"]
|
|
6606
|
+
},
|
|
6607
|
+
{
|
|
6608
|
+
"name": "display/coral/fgColor",
|
|
6609
|
+
"value": {
|
|
6610
|
+
"r": 0.9490196078431372,
|
|
6611
|
+
"g": 0.49019607843137253,
|
|
6612
|
+
"b": 0.5137254901960784,
|
|
6613
|
+
"a": 1
|
|
6614
|
+
},
|
|
6615
|
+
"type": "COLOR",
|
|
6616
|
+
"refId": "mode/display/coral/fgColor",
|
|
6617
|
+
"reference": "base/color/dark/base/display/color/red/6",
|
|
6618
|
+
"collection": "mode",
|
|
6619
|
+
"mode": "dark high contrast",
|
|
6620
|
+
"group": "component (internal)",
|
|
6621
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
6622
|
+
},
|
|
6623
|
+
{
|
|
6624
|
+
"name": "display/coral/bgColor/emphasis",
|
|
6625
|
+
"value": {
|
|
6626
|
+
"r": 0.9215686274509803,
|
|
6627
|
+
"g": 0.2,
|
|
6628
|
+
"b": 0.25882352941176473,
|
|
6629
|
+
"a": 1
|
|
6630
|
+
},
|
|
6631
|
+
"type": "COLOR",
|
|
6632
|
+
"refId": "mode/display/coral/bgColor/emphasis",
|
|
6633
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6634
|
+
"collection": "mode",
|
|
6635
|
+
"mode": "dark high contrast",
|
|
6636
|
+
"group": "component (internal)",
|
|
6637
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6638
|
+
},
|
|
6639
|
+
{
|
|
6640
|
+
"name": "display/coral/bgColor/muted",
|
|
6641
|
+
"value": {
|
|
6642
|
+
"r": 0.23529411764705882,
|
|
6643
|
+
"g": 0.023529411764705882,
|
|
6644
|
+
"b": 0.0784313725490196,
|
|
6645
|
+
"a": 1
|
|
6646
|
+
},
|
|
6647
|
+
"type": "COLOR",
|
|
6648
|
+
"refId": "mode/display/coral/bgColor/muted",
|
|
6649
|
+
"reference": "base/color/dark/base/display/color/red/0",
|
|
6650
|
+
"collection": "mode",
|
|
6651
|
+
"mode": "dark high contrast",
|
|
6652
|
+
"group": "component (internal)",
|
|
6653
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6654
|
+
},
|
|
6575
6655
|
{
|
|
6576
6656
|
"name": "display/red/borderColor/emphasis",
|
|
6577
6657
|
"value": {
|
|
@@ -6582,6 +6582,86 @@
|
|
|
6582
6582
|
"group": "component (internal)",
|
|
6583
6583
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6584
6584
|
},
|
|
6585
|
+
{
|
|
6586
|
+
"name": "display/coral/borderColor/emphasis",
|
|
6587
|
+
"value": {
|
|
6588
|
+
"r": 0.9215686274509803,
|
|
6589
|
+
"g": 0.2,
|
|
6590
|
+
"b": 0.25882352941176473,
|
|
6591
|
+
"a": 1
|
|
6592
|
+
},
|
|
6593
|
+
"type": "COLOR",
|
|
6594
|
+
"refId": "mode/display/coral/borderColor/emphasis",
|
|
6595
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6596
|
+
"collection": "mode",
|
|
6597
|
+
"mode": "dark tritanopia",
|
|
6598
|
+
"group": "component (internal)",
|
|
6599
|
+
"scopes": ["STROKE_COLOR"]
|
|
6600
|
+
},
|
|
6601
|
+
{
|
|
6602
|
+
"name": "display/coral/borderColor/muted",
|
|
6603
|
+
"value": {
|
|
6604
|
+
"r": 0.34509803921568627,
|
|
6605
|
+
"g": 0.03529411764705882,
|
|
6606
|
+
"b": 0.10196078431372549,
|
|
6607
|
+
"a": 1
|
|
6608
|
+
},
|
|
6609
|
+
"type": "COLOR",
|
|
6610
|
+
"refId": "mode/display/coral/borderColor/muted",
|
|
6611
|
+
"reference": "base/color/dark/base/display/color/red/1",
|
|
6612
|
+
"collection": "mode",
|
|
6613
|
+
"mode": "dark tritanopia",
|
|
6614
|
+
"group": "component (internal)",
|
|
6615
|
+
"scopes": ["STROKE_COLOR"]
|
|
6616
|
+
},
|
|
6617
|
+
{
|
|
6618
|
+
"name": "display/coral/fgColor",
|
|
6619
|
+
"value": {
|
|
6620
|
+
"r": 0.9490196078431372,
|
|
6621
|
+
"g": 0.49019607843137253,
|
|
6622
|
+
"b": 0.5137254901960784,
|
|
6623
|
+
"a": 1
|
|
6624
|
+
},
|
|
6625
|
+
"type": "COLOR",
|
|
6626
|
+
"refId": "mode/display/coral/fgColor",
|
|
6627
|
+
"reference": "base/color/dark/base/display/color/red/6",
|
|
6628
|
+
"collection": "mode",
|
|
6629
|
+
"mode": "dark tritanopia",
|
|
6630
|
+
"group": "component (internal)",
|
|
6631
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
6632
|
+
},
|
|
6633
|
+
{
|
|
6634
|
+
"name": "display/coral/bgColor/emphasis",
|
|
6635
|
+
"value": {
|
|
6636
|
+
"r": 0.9215686274509803,
|
|
6637
|
+
"g": 0.2,
|
|
6638
|
+
"b": 0.25882352941176473,
|
|
6639
|
+
"a": 1
|
|
6640
|
+
},
|
|
6641
|
+
"type": "COLOR",
|
|
6642
|
+
"refId": "mode/display/coral/bgColor/emphasis",
|
|
6643
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6644
|
+
"collection": "mode",
|
|
6645
|
+
"mode": "dark tritanopia",
|
|
6646
|
+
"group": "component (internal)",
|
|
6647
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6648
|
+
},
|
|
6649
|
+
{
|
|
6650
|
+
"name": "display/coral/bgColor/muted",
|
|
6651
|
+
"value": {
|
|
6652
|
+
"r": 0.23529411764705882,
|
|
6653
|
+
"g": 0.023529411764705882,
|
|
6654
|
+
"b": 0.0784313725490196,
|
|
6655
|
+
"a": 1
|
|
6656
|
+
},
|
|
6657
|
+
"type": "COLOR",
|
|
6658
|
+
"refId": "mode/display/coral/bgColor/muted",
|
|
6659
|
+
"reference": "base/color/dark/base/display/color/red/0",
|
|
6660
|
+
"collection": "mode",
|
|
6661
|
+
"mode": "dark tritanopia",
|
|
6662
|
+
"group": "component (internal)",
|
|
6663
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6664
|
+
},
|
|
6585
6665
|
{
|
|
6586
6666
|
"name": "display/red/borderColor/emphasis",
|
|
6587
6667
|
"value": {
|