@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
|
@@ -6485,6 +6485,86 @@
|
|
|
6485
6485
|
"group": "component (internal)",
|
|
6486
6486
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6487
6487
|
},
|
|
6488
|
+
{
|
|
6489
|
+
"name": "display/coral/borderColor/emphasis",
|
|
6490
|
+
"value": {
|
|
6491
|
+
"r": 0.9215686274509803,
|
|
6492
|
+
"g": 0.2,
|
|
6493
|
+
"b": 0.25882352941176473,
|
|
6494
|
+
"a": 1
|
|
6495
|
+
},
|
|
6496
|
+
"type": "COLOR",
|
|
6497
|
+
"refId": "mode/display/coral/borderColor/emphasis",
|
|
6498
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6499
|
+
"collection": "mode",
|
|
6500
|
+
"mode": "dark",
|
|
6501
|
+
"group": "component (internal)",
|
|
6502
|
+
"scopes": ["STROKE_COLOR"]
|
|
6503
|
+
},
|
|
6504
|
+
{
|
|
6505
|
+
"name": "display/coral/borderColor/muted",
|
|
6506
|
+
"value": {
|
|
6507
|
+
"r": 0.34509803921568627,
|
|
6508
|
+
"g": 0.03529411764705882,
|
|
6509
|
+
"b": 0.10196078431372549,
|
|
6510
|
+
"a": 1
|
|
6511
|
+
},
|
|
6512
|
+
"type": "COLOR",
|
|
6513
|
+
"refId": "mode/display/coral/borderColor/muted",
|
|
6514
|
+
"reference": "base/color/dark/base/display/color/red/1",
|
|
6515
|
+
"collection": "mode",
|
|
6516
|
+
"mode": "dark",
|
|
6517
|
+
"group": "component (internal)",
|
|
6518
|
+
"scopes": ["STROKE_COLOR"]
|
|
6519
|
+
},
|
|
6520
|
+
{
|
|
6521
|
+
"name": "display/coral/fgColor",
|
|
6522
|
+
"value": {
|
|
6523
|
+
"r": 0.9490196078431372,
|
|
6524
|
+
"g": 0.49019607843137253,
|
|
6525
|
+
"b": 0.5137254901960784,
|
|
6526
|
+
"a": 1
|
|
6527
|
+
},
|
|
6528
|
+
"type": "COLOR",
|
|
6529
|
+
"refId": "mode/display/coral/fgColor",
|
|
6530
|
+
"reference": "base/color/dark/base/display/color/red/6",
|
|
6531
|
+
"collection": "mode",
|
|
6532
|
+
"mode": "dark",
|
|
6533
|
+
"group": "component (internal)",
|
|
6534
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
6535
|
+
},
|
|
6536
|
+
{
|
|
6537
|
+
"name": "display/coral/bgColor/emphasis",
|
|
6538
|
+
"value": {
|
|
6539
|
+
"r": 0.9215686274509803,
|
|
6540
|
+
"g": 0.2,
|
|
6541
|
+
"b": 0.25882352941176473,
|
|
6542
|
+
"a": 1
|
|
6543
|
+
},
|
|
6544
|
+
"type": "COLOR",
|
|
6545
|
+
"refId": "mode/display/coral/bgColor/emphasis",
|
|
6546
|
+
"reference": "base/color/dark/base/display/color/red/5",
|
|
6547
|
+
"collection": "mode",
|
|
6548
|
+
"mode": "dark",
|
|
6549
|
+
"group": "component (internal)",
|
|
6550
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6551
|
+
},
|
|
6552
|
+
{
|
|
6553
|
+
"name": "display/coral/bgColor/muted",
|
|
6554
|
+
"value": {
|
|
6555
|
+
"r": 0.23529411764705882,
|
|
6556
|
+
"g": 0.023529411764705882,
|
|
6557
|
+
"b": 0.0784313725490196,
|
|
6558
|
+
"a": 1
|
|
6559
|
+
},
|
|
6560
|
+
"type": "COLOR",
|
|
6561
|
+
"refId": "mode/display/coral/bgColor/muted",
|
|
6562
|
+
"reference": "base/color/dark/base/display/color/red/0",
|
|
6563
|
+
"collection": "mode",
|
|
6564
|
+
"mode": "dark",
|
|
6565
|
+
"group": "component (internal)",
|
|
6566
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6567
|
+
},
|
|
6488
6568
|
{
|
|
6489
6569
|
"name": "display/red/borderColor/emphasis",
|
|
6490
6570
|
"value": {
|
|
@@ -6326,6 +6326,86 @@
|
|
|
6326
6326
|
"group": "component (internal)",
|
|
6327
6327
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6328
6328
|
},
|
|
6329
|
+
{
|
|
6330
|
+
"name": "display/coral/borderColor/emphasis",
|
|
6331
|
+
"value": {
|
|
6332
|
+
"r": 0.8313725490196079,
|
|
6333
|
+
"g": 0.20784313725490197,
|
|
6334
|
+
"b": 0.06666666666666667,
|
|
6335
|
+
"a": 1
|
|
6336
|
+
},
|
|
6337
|
+
"type": "COLOR",
|
|
6338
|
+
"refId": "mode/display/coral/borderColor/emphasis",
|
|
6339
|
+
"reference": "base/color/light/base/display/color/coral/5",
|
|
6340
|
+
"collection": "mode",
|
|
6341
|
+
"mode": "light colorblind",
|
|
6342
|
+
"group": "component (internal)",
|
|
6343
|
+
"scopes": ["STROKE_COLOR"]
|
|
6344
|
+
},
|
|
6345
|
+
{
|
|
6346
|
+
"name": "display/coral/borderColor/muted",
|
|
6347
|
+
"value": {
|
|
6348
|
+
"r": 0.996078431372549,
|
|
6349
|
+
"g": 0.807843137254902,
|
|
6350
|
+
"b": 0.7450980392156863,
|
|
6351
|
+
"a": 1
|
|
6352
|
+
},
|
|
6353
|
+
"type": "COLOR",
|
|
6354
|
+
"refId": "mode/display/coral/borderColor/muted",
|
|
6355
|
+
"reference": "base/color/light/base/display/color/coral/1",
|
|
6356
|
+
"collection": "mode",
|
|
6357
|
+
"mode": "light colorblind",
|
|
6358
|
+
"group": "component (internal)",
|
|
6359
|
+
"scopes": ["STROKE_COLOR"]
|
|
6360
|
+
},
|
|
6361
|
+
{
|
|
6362
|
+
"name": "display/coral/fgColor",
|
|
6363
|
+
"value": {
|
|
6364
|
+
"r": 0.7294117647058823,
|
|
6365
|
+
"g": 0.1803921568627451,
|
|
6366
|
+
"b": 0.07058823529411765,
|
|
6367
|
+
"a": 1
|
|
6368
|
+
},
|
|
6369
|
+
"type": "COLOR",
|
|
6370
|
+
"refId": "mode/display/coral/fgColor",
|
|
6371
|
+
"reference": "base/color/light/base/display/color/coral/6",
|
|
6372
|
+
"collection": "mode",
|
|
6373
|
+
"mode": "light colorblind",
|
|
6374
|
+
"group": "component (internal)",
|
|
6375
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
6376
|
+
},
|
|
6377
|
+
{
|
|
6378
|
+
"name": "display/coral/bgColor/emphasis",
|
|
6379
|
+
"value": {
|
|
6380
|
+
"r": 0.8313725490196079,
|
|
6381
|
+
"g": 0.20784313725490197,
|
|
6382
|
+
"b": 0.06666666666666667,
|
|
6383
|
+
"a": 1
|
|
6384
|
+
},
|
|
6385
|
+
"type": "COLOR",
|
|
6386
|
+
"refId": "mode/display/coral/bgColor/emphasis",
|
|
6387
|
+
"reference": "base/color/light/base/display/color/coral/5",
|
|
6388
|
+
"collection": "mode",
|
|
6389
|
+
"mode": "light colorblind",
|
|
6390
|
+
"group": "component (internal)",
|
|
6391
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6392
|
+
},
|
|
6393
|
+
{
|
|
6394
|
+
"name": "display/coral/bgColor/muted",
|
|
6395
|
+
"value": {
|
|
6396
|
+
"r": 1,
|
|
6397
|
+
"g": 0.8980392156862745,
|
|
6398
|
+
"b": 0.8588235294117647,
|
|
6399
|
+
"a": 1
|
|
6400
|
+
},
|
|
6401
|
+
"type": "COLOR",
|
|
6402
|
+
"refId": "mode/display/coral/bgColor/muted",
|
|
6403
|
+
"reference": "base/color/light/base/display/color/coral/0",
|
|
6404
|
+
"collection": "mode",
|
|
6405
|
+
"mode": "light colorblind",
|
|
6406
|
+
"group": "component (internal)",
|
|
6407
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6408
|
+
},
|
|
6329
6409
|
{
|
|
6330
6410
|
"name": "display/red/borderColor/emphasis",
|
|
6331
6411
|
"value": {
|
|
@@ -6312,6 +6312,86 @@
|
|
|
6312
6312
|
"group": "component (internal)",
|
|
6313
6313
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6314
6314
|
},
|
|
6315
|
+
{
|
|
6316
|
+
"name": "display/coral/borderColor/emphasis",
|
|
6317
|
+
"value": {
|
|
6318
|
+
"r": 0.8313725490196079,
|
|
6319
|
+
"g": 0.20784313725490197,
|
|
6320
|
+
"b": 0.06666666666666667,
|
|
6321
|
+
"a": 1
|
|
6322
|
+
},
|
|
6323
|
+
"type": "COLOR",
|
|
6324
|
+
"refId": "mode/display/coral/borderColor/emphasis",
|
|
6325
|
+
"reference": "base/color/light/base/display/color/coral/5",
|
|
6326
|
+
"collection": "mode",
|
|
6327
|
+
"mode": "light high contrast",
|
|
6328
|
+
"group": "component (internal)",
|
|
6329
|
+
"scopes": ["STROKE_COLOR"]
|
|
6330
|
+
},
|
|
6331
|
+
{
|
|
6332
|
+
"name": "display/coral/borderColor/muted",
|
|
6333
|
+
"value": {
|
|
6334
|
+
"r": 0.996078431372549,
|
|
6335
|
+
"g": 0.807843137254902,
|
|
6336
|
+
"b": 0.7450980392156863,
|
|
6337
|
+
"a": 1
|
|
6338
|
+
},
|
|
6339
|
+
"type": "COLOR",
|
|
6340
|
+
"refId": "mode/display/coral/borderColor/muted",
|
|
6341
|
+
"reference": "base/color/light/base/display/color/coral/1",
|
|
6342
|
+
"collection": "mode",
|
|
6343
|
+
"mode": "light high contrast",
|
|
6344
|
+
"group": "component (internal)",
|
|
6345
|
+
"scopes": ["STROKE_COLOR"]
|
|
6346
|
+
},
|
|
6347
|
+
{
|
|
6348
|
+
"name": "display/coral/fgColor",
|
|
6349
|
+
"value": {
|
|
6350
|
+
"r": 0.7294117647058823,
|
|
6351
|
+
"g": 0.1803921568627451,
|
|
6352
|
+
"b": 0.07058823529411765,
|
|
6353
|
+
"a": 1
|
|
6354
|
+
},
|
|
6355
|
+
"type": "COLOR",
|
|
6356
|
+
"refId": "mode/display/coral/fgColor",
|
|
6357
|
+
"reference": "base/color/light/base/display/color/coral/6",
|
|
6358
|
+
"collection": "mode",
|
|
6359
|
+
"mode": "light high contrast",
|
|
6360
|
+
"group": "component (internal)",
|
|
6361
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
6362
|
+
},
|
|
6363
|
+
{
|
|
6364
|
+
"name": "display/coral/bgColor/emphasis",
|
|
6365
|
+
"value": {
|
|
6366
|
+
"r": 0.8313725490196079,
|
|
6367
|
+
"g": 0.20784313725490197,
|
|
6368
|
+
"b": 0.06666666666666667,
|
|
6369
|
+
"a": 1
|
|
6370
|
+
},
|
|
6371
|
+
"type": "COLOR",
|
|
6372
|
+
"refId": "mode/display/coral/bgColor/emphasis",
|
|
6373
|
+
"reference": "base/color/light/base/display/color/coral/5",
|
|
6374
|
+
"collection": "mode",
|
|
6375
|
+
"mode": "light high contrast",
|
|
6376
|
+
"group": "component (internal)",
|
|
6377
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6378
|
+
},
|
|
6379
|
+
{
|
|
6380
|
+
"name": "display/coral/bgColor/muted",
|
|
6381
|
+
"value": {
|
|
6382
|
+
"r": 1,
|
|
6383
|
+
"g": 0.8980392156862745,
|
|
6384
|
+
"b": 0.8588235294117647,
|
|
6385
|
+
"a": 1
|
|
6386
|
+
},
|
|
6387
|
+
"type": "COLOR",
|
|
6388
|
+
"refId": "mode/display/coral/bgColor/muted",
|
|
6389
|
+
"reference": "base/color/light/base/display/color/coral/0",
|
|
6390
|
+
"collection": "mode",
|
|
6391
|
+
"mode": "light high contrast",
|
|
6392
|
+
"group": "component (internal)",
|
|
6393
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6394
|
+
},
|
|
6315
6395
|
{
|
|
6316
6396
|
"name": "display/red/borderColor/emphasis",
|
|
6317
6397
|
"value": {
|
|
@@ -6324,6 +6324,86 @@
|
|
|
6324
6324
|
"group": "component (internal)",
|
|
6325
6325
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6326
6326
|
},
|
|
6327
|
+
{
|
|
6328
|
+
"name": "display/coral/borderColor/emphasis",
|
|
6329
|
+
"value": {
|
|
6330
|
+
"r": 0.8313725490196079,
|
|
6331
|
+
"g": 0.20784313725490197,
|
|
6332
|
+
"b": 0.06666666666666667,
|
|
6333
|
+
"a": 1
|
|
6334
|
+
},
|
|
6335
|
+
"type": "COLOR",
|
|
6336
|
+
"refId": "mode/display/coral/borderColor/emphasis",
|
|
6337
|
+
"reference": "base/color/light/base/display/color/coral/5",
|
|
6338
|
+
"collection": "mode",
|
|
6339
|
+
"mode": "light tritanopia",
|
|
6340
|
+
"group": "component (internal)",
|
|
6341
|
+
"scopes": ["STROKE_COLOR"]
|
|
6342
|
+
},
|
|
6343
|
+
{
|
|
6344
|
+
"name": "display/coral/borderColor/muted",
|
|
6345
|
+
"value": {
|
|
6346
|
+
"r": 0.996078431372549,
|
|
6347
|
+
"g": 0.807843137254902,
|
|
6348
|
+
"b": 0.7450980392156863,
|
|
6349
|
+
"a": 1
|
|
6350
|
+
},
|
|
6351
|
+
"type": "COLOR",
|
|
6352
|
+
"refId": "mode/display/coral/borderColor/muted",
|
|
6353
|
+
"reference": "base/color/light/base/display/color/coral/1",
|
|
6354
|
+
"collection": "mode",
|
|
6355
|
+
"mode": "light tritanopia",
|
|
6356
|
+
"group": "component (internal)",
|
|
6357
|
+
"scopes": ["STROKE_COLOR"]
|
|
6358
|
+
},
|
|
6359
|
+
{
|
|
6360
|
+
"name": "display/coral/fgColor",
|
|
6361
|
+
"value": {
|
|
6362
|
+
"r": 0.7294117647058823,
|
|
6363
|
+
"g": 0.1803921568627451,
|
|
6364
|
+
"b": 0.07058823529411765,
|
|
6365
|
+
"a": 1
|
|
6366
|
+
},
|
|
6367
|
+
"type": "COLOR",
|
|
6368
|
+
"refId": "mode/display/coral/fgColor",
|
|
6369
|
+
"reference": "base/color/light/base/display/color/coral/6",
|
|
6370
|
+
"collection": "mode",
|
|
6371
|
+
"mode": "light tritanopia",
|
|
6372
|
+
"group": "component (internal)",
|
|
6373
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
6374
|
+
},
|
|
6375
|
+
{
|
|
6376
|
+
"name": "display/coral/bgColor/emphasis",
|
|
6377
|
+
"value": {
|
|
6378
|
+
"r": 0.8313725490196079,
|
|
6379
|
+
"g": 0.20784313725490197,
|
|
6380
|
+
"b": 0.06666666666666667,
|
|
6381
|
+
"a": 1
|
|
6382
|
+
},
|
|
6383
|
+
"type": "COLOR",
|
|
6384
|
+
"refId": "mode/display/coral/bgColor/emphasis",
|
|
6385
|
+
"reference": "base/color/light/base/display/color/coral/5",
|
|
6386
|
+
"collection": "mode",
|
|
6387
|
+
"mode": "light tritanopia",
|
|
6388
|
+
"group": "component (internal)",
|
|
6389
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6390
|
+
},
|
|
6391
|
+
{
|
|
6392
|
+
"name": "display/coral/bgColor/muted",
|
|
6393
|
+
"value": {
|
|
6394
|
+
"r": 1,
|
|
6395
|
+
"g": 0.8980392156862745,
|
|
6396
|
+
"b": 0.8588235294117647,
|
|
6397
|
+
"a": 1
|
|
6398
|
+
},
|
|
6399
|
+
"type": "COLOR",
|
|
6400
|
+
"refId": "mode/display/coral/bgColor/muted",
|
|
6401
|
+
"reference": "base/color/light/base/display/color/coral/0",
|
|
6402
|
+
"collection": "mode",
|
|
6403
|
+
"mode": "light tritanopia",
|
|
6404
|
+
"group": "component (internal)",
|
|
6405
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6406
|
+
},
|
|
6327
6407
|
{
|
|
6328
6408
|
"name": "display/red/borderColor/emphasis",
|
|
6329
6409
|
"value": {
|
|
@@ -6209,6 +6209,86 @@
|
|
|
6209
6209
|
"group": "component (internal)",
|
|
6210
6210
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6211
6211
|
},
|
|
6212
|
+
{
|
|
6213
|
+
"name": "display/coral/borderColor/emphasis",
|
|
6214
|
+
"value": {
|
|
6215
|
+
"r": 0.8313725490196079,
|
|
6216
|
+
"g": 0.20784313725490197,
|
|
6217
|
+
"b": 0.06666666666666667,
|
|
6218
|
+
"a": 1
|
|
6219
|
+
},
|
|
6220
|
+
"type": "COLOR",
|
|
6221
|
+
"refId": "mode/display/coral/borderColor/emphasis",
|
|
6222
|
+
"reference": "base/color/light/base/display/color/coral/5",
|
|
6223
|
+
"collection": "mode",
|
|
6224
|
+
"mode": "light",
|
|
6225
|
+
"group": "component (internal)",
|
|
6226
|
+
"scopes": ["STROKE_COLOR"]
|
|
6227
|
+
},
|
|
6228
|
+
{
|
|
6229
|
+
"name": "display/coral/borderColor/muted",
|
|
6230
|
+
"value": {
|
|
6231
|
+
"r": 0.996078431372549,
|
|
6232
|
+
"g": 0.807843137254902,
|
|
6233
|
+
"b": 0.7450980392156863,
|
|
6234
|
+
"a": 1
|
|
6235
|
+
},
|
|
6236
|
+
"type": "COLOR",
|
|
6237
|
+
"refId": "mode/display/coral/borderColor/muted",
|
|
6238
|
+
"reference": "base/color/light/base/display/color/coral/1",
|
|
6239
|
+
"collection": "mode",
|
|
6240
|
+
"mode": "light",
|
|
6241
|
+
"group": "component (internal)",
|
|
6242
|
+
"scopes": ["STROKE_COLOR"]
|
|
6243
|
+
},
|
|
6244
|
+
{
|
|
6245
|
+
"name": "display/coral/fgColor",
|
|
6246
|
+
"value": {
|
|
6247
|
+
"r": 0.7294117647058823,
|
|
6248
|
+
"g": 0.1803921568627451,
|
|
6249
|
+
"b": 0.07058823529411765,
|
|
6250
|
+
"a": 1
|
|
6251
|
+
},
|
|
6252
|
+
"type": "COLOR",
|
|
6253
|
+
"refId": "mode/display/coral/fgColor",
|
|
6254
|
+
"reference": "base/color/light/base/display/color/coral/6",
|
|
6255
|
+
"collection": "mode",
|
|
6256
|
+
"mode": "light",
|
|
6257
|
+
"group": "component (internal)",
|
|
6258
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
6259
|
+
},
|
|
6260
|
+
{
|
|
6261
|
+
"name": "display/coral/bgColor/emphasis",
|
|
6262
|
+
"value": {
|
|
6263
|
+
"r": 0.8313725490196079,
|
|
6264
|
+
"g": 0.20784313725490197,
|
|
6265
|
+
"b": 0.06666666666666667,
|
|
6266
|
+
"a": 1
|
|
6267
|
+
},
|
|
6268
|
+
"type": "COLOR",
|
|
6269
|
+
"refId": "mode/display/coral/bgColor/emphasis",
|
|
6270
|
+
"reference": "base/color/light/base/display/color/coral/5",
|
|
6271
|
+
"collection": "mode",
|
|
6272
|
+
"mode": "light",
|
|
6273
|
+
"group": "component (internal)",
|
|
6274
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6275
|
+
},
|
|
6276
|
+
{
|
|
6277
|
+
"name": "display/coral/bgColor/muted",
|
|
6278
|
+
"value": {
|
|
6279
|
+
"r": 1,
|
|
6280
|
+
"g": 0.8980392156862745,
|
|
6281
|
+
"b": 0.8588235294117647,
|
|
6282
|
+
"a": 1
|
|
6283
|
+
},
|
|
6284
|
+
"type": "COLOR",
|
|
6285
|
+
"refId": "mode/display/coral/bgColor/muted",
|
|
6286
|
+
"reference": "base/color/light/base/display/color/coral/0",
|
|
6287
|
+
"collection": "mode",
|
|
6288
|
+
"mode": "light",
|
|
6289
|
+
"group": "component (internal)",
|
|
6290
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
6291
|
+
},
|
|
6212
6292
|
{
|
|
6213
6293
|
"name": "display/red/borderColor/emphasis",
|
|
6214
6294
|
"value": {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
[
|
|
2
2
|
{
|
|
3
3
|
"name": "text/codeBlock/lineHeight",
|
|
4
|
-
"value":
|
|
4
|
+
"value": 20,
|
|
5
5
|
"type": "FLOAT",
|
|
6
6
|
"refId": "typography/text/codeBlock/lineHeight",
|
|
7
7
|
"collection": "typography",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"name": "text/caption/lineHeight",
|
|
24
|
-
"value":
|
|
24
|
+
"value": 16,
|
|
25
25
|
"type": "FLOAT",
|
|
26
26
|
"refId": "typography/text/caption/lineHeight",
|
|
27
27
|
"collection": "typography",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
43
|
"name": "text/body/lineHeight/small",
|
|
44
|
-
"value":
|
|
44
|
+
"value": 20,
|
|
45
45
|
"type": "FLOAT",
|
|
46
46
|
"refId": "typography/text/body/lineHeight/small",
|
|
47
47
|
"collection": "typography",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
53
|
"name": "text/body/lineHeight/medium",
|
|
54
|
-
"value":
|
|
54
|
+
"value": 20,
|
|
55
55
|
"type": "FLOAT",
|
|
56
56
|
"refId": "typography/text/body/lineHeight/medium",
|
|
57
57
|
"collection": "typography",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
"name": "text/body/lineHeight/large",
|
|
64
|
-
"value":
|
|
64
|
+
"value": 24,
|
|
65
65
|
"type": "FLOAT",
|
|
66
66
|
"refId": "typography/text/body/lineHeight/large",
|
|
67
67
|
"collection": "typography",
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
},
|
|
122
122
|
{
|
|
123
123
|
"name": "text/title/lineHeight/small",
|
|
124
|
-
"value":
|
|
124
|
+
"value": 24,
|
|
125
125
|
"type": "FLOAT",
|
|
126
126
|
"refId": "typography/text/title/lineHeight/small",
|
|
127
127
|
"collection": "typography",
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
},
|
|
132
132
|
{
|
|
133
133
|
"name": "text/title/lineHeight/medium",
|
|
134
|
-
"value":
|
|
134
|
+
"value": 32,
|
|
135
135
|
"type": "FLOAT",
|
|
136
136
|
"refId": "typography/text/title/lineHeight/medium",
|
|
137
137
|
"collection": "typography",
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
},
|
|
142
142
|
{
|
|
143
143
|
"name": "text/title/lineHeight/large",
|
|
144
|
-
"value":
|
|
144
|
+
"value": 48,
|
|
145
145
|
"type": "FLOAT",
|
|
146
146
|
"refId": "typography/text/title/lineHeight/large",
|
|
147
147
|
"collection": "typography",
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
},
|
|
182
182
|
{
|
|
183
183
|
"name": "text/display/lineHeight",
|
|
184
|
-
"value":
|
|
184
|
+
"value": 56,
|
|
185
185
|
"type": "FLOAT",
|
|
186
186
|
"refId": "typography/text/display/lineHeight",
|
|
187
187
|
"collection": "typography",
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
},
|
|
202
202
|
{
|
|
203
203
|
"name": "text/display/lineBoxHeight",
|
|
204
|
-
"value":
|
|
204
|
+
"value": 56,
|
|
205
205
|
"type": "FLOAT",
|
|
206
206
|
"refId": "typography/text/display/lineBoxHeight",
|
|
207
207
|
"collection": "typography",
|
|
@@ -362,6 +362,11 @@
|
|
|
362
362
|
--display-red-fgColor: #f27d83;
|
|
363
363
|
--display-red-borderColor-muted: #58091a;
|
|
364
364
|
--display-red-borderColor-emphasis: #eb3342;
|
|
365
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
366
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
367
|
+
--display-coral-fgColor: #f27d83;
|
|
368
|
+
--display-coral-borderColor-muted: #58091a;
|
|
369
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
365
370
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
366
371
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
367
372
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -1190,6 +1195,11 @@
|
|
|
1190
1195
|
--display-red-fgColor: #f27d83;
|
|
1191
1196
|
--display-red-borderColor-muted: #58091a;
|
|
1192
1197
|
--display-red-borderColor-emphasis: #eb3342;
|
|
1198
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
1199
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
1200
|
+
--display-coral-fgColor: #f27d83;
|
|
1201
|
+
--display-coral-borderColor-muted: #58091a;
|
|
1202
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
1193
1203
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
1194
1204
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
1195
1205
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -362,6 +362,11 @@
|
|
|
362
362
|
--display-red-fgColor: #f27d83;
|
|
363
363
|
--display-red-borderColor-muted: #58091a;
|
|
364
364
|
--display-red-borderColor-emphasis: #eb3342;
|
|
365
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
366
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
367
|
+
--display-coral-fgColor: #f27d83;
|
|
368
|
+
--display-coral-borderColor-muted: #58091a;
|
|
369
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
365
370
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
366
371
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
367
372
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -1190,6 +1195,11 @@
|
|
|
1190
1195
|
--display-red-fgColor: #f27d83;
|
|
1191
1196
|
--display-red-borderColor-muted: #58091a;
|
|
1192
1197
|
--display-red-borderColor-emphasis: #eb3342;
|
|
1198
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
1199
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
1200
|
+
--display-coral-fgColor: #f27d83;
|
|
1201
|
+
--display-coral-borderColor-muted: #58091a;
|
|
1202
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
1193
1203
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
1194
1204
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
1195
1205
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -362,6 +362,11 @@
|
|
|
362
362
|
--display-red-fgColor: #f27d83;
|
|
363
363
|
--display-red-borderColor-muted: #58091a;
|
|
364
364
|
--display-red-borderColor-emphasis: #eb3342;
|
|
365
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
366
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
367
|
+
--display-coral-fgColor: #f27d83;
|
|
368
|
+
--display-coral-borderColor-muted: #58091a;
|
|
369
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
365
370
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
366
371
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
367
372
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -1190,6 +1195,11 @@
|
|
|
1190
1195
|
--display-red-fgColor: #f27d83;
|
|
1191
1196
|
--display-red-borderColor-muted: #58091a;
|
|
1192
1197
|
--display-red-borderColor-emphasis: #eb3342;
|
|
1198
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
1199
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
1200
|
+
--display-coral-fgColor: #f27d83;
|
|
1201
|
+
--display-coral-borderColor-muted: #58091a;
|
|
1202
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
1193
1203
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
1194
1204
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
1195
1205
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -362,6 +362,11 @@
|
|
|
362
362
|
--display-red-fgColor: #f27d83;
|
|
363
363
|
--display-red-borderColor-muted: #58091a;
|
|
364
364
|
--display-red-borderColor-emphasis: #eb3342;
|
|
365
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
366
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
367
|
+
--display-coral-fgColor: #f27d83;
|
|
368
|
+
--display-coral-borderColor-muted: #58091a;
|
|
369
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
365
370
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
366
371
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
367
372
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -1190,6 +1195,11 @@
|
|
|
1190
1195
|
--display-red-fgColor: #f27d83;
|
|
1191
1196
|
--display-red-borderColor-muted: #58091a;
|
|
1192
1197
|
--display-red-borderColor-emphasis: #eb3342;
|
|
1198
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
1199
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
1200
|
+
--display-coral-fgColor: #f27d83;
|
|
1201
|
+
--display-coral-borderColor-muted: #58091a;
|
|
1202
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
1193
1203
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
1194
1204
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
1195
1205
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -362,6 +362,11 @@
|
|
|
362
362
|
--display-red-fgColor: #f27d83;
|
|
363
363
|
--display-red-borderColor-muted: #58091a;
|
|
364
364
|
--display-red-borderColor-emphasis: #eb3342;
|
|
365
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
366
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
367
|
+
--display-coral-fgColor: #f27d83;
|
|
368
|
+
--display-coral-borderColor-muted: #58091a;
|
|
369
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
365
370
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
366
371
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
367
372
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -1190,6 +1195,11 @@
|
|
|
1190
1195
|
--display-red-fgColor: #f27d83;
|
|
1191
1196
|
--display-red-borderColor-muted: #58091a;
|
|
1192
1197
|
--display-red-borderColor-emphasis: #eb3342;
|
|
1198
|
+
--display-coral-bgColor-muted: #3c0614;
|
|
1199
|
+
--display-coral-bgColor-emphasis: #eb3342;
|
|
1200
|
+
--display-coral-fgColor: #f27d83;
|
|
1201
|
+
--display-coral-borderColor-muted: #58091a;
|
|
1202
|
+
--display-coral-borderColor-emphasis: #eb3342;
|
|
1193
1203
|
--display-yellow-bgColor-muted: #2e1a00;
|
|
1194
1204
|
--display-yellow-bgColor-emphasis: #aa7109;
|
|
1195
1205
|
--display-yellow-fgColor: #d3910d;
|
|
@@ -362,6 +362,11 @@
|
|
|
362
362
|
--display-red-fgColor: #c50d28;
|
|
363
363
|
--display-red-borderColor-muted: #fecdcd;
|
|
364
364
|
--display-red-borderColor-emphasis: #df0c24;
|
|
365
|
+
--display-coral-bgColor-muted: #ffe5db;
|
|
366
|
+
--display-coral-bgColor-emphasis: #d43511;
|
|
367
|
+
--display-coral-fgColor: #ba2e12;
|
|
368
|
+
--display-coral-borderColor-muted: #fecebe;
|
|
369
|
+
--display-coral-borderColor-emphasis: #d43511;
|
|
365
370
|
--display-yellow-bgColor-muted: #ffec9e;
|
|
366
371
|
--display-yellow-bgColor-emphasis: #946a00;
|
|
367
372
|
--display-yellow-fgColor: #805900;
|
|
@@ -1190,6 +1195,11 @@
|
|
|
1190
1195
|
--display-red-fgColor: #c50d28;
|
|
1191
1196
|
--display-red-borderColor-muted: #fecdcd;
|
|
1192
1197
|
--display-red-borderColor-emphasis: #df0c24;
|
|
1198
|
+
--display-coral-bgColor-muted: #ffe5db;
|
|
1199
|
+
--display-coral-bgColor-emphasis: #d43511;
|
|
1200
|
+
--display-coral-fgColor: #ba2e12;
|
|
1201
|
+
--display-coral-borderColor-muted: #fecebe;
|
|
1202
|
+
--display-coral-borderColor-emphasis: #d43511;
|
|
1193
1203
|
--display-yellow-bgColor-muted: #ffec9e;
|
|
1194
1204
|
--display-yellow-bgColor-emphasis: #946a00;
|
|
1195
1205
|
--display-yellow-fgColor: #805900;
|