@primer/primitives 8.2.4-rc.8aeeb948 → 8.2.4-rc.a3f65a09
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 +2 -2
- package/dist/css/functional/themes/dark-dimmed.css +2 -2
- package/dist/css/functional/themes/dark-high-contrast.css +80 -80
- package/dist/css/functional/themes/dark-tritanopia.css +2 -2
- package/dist/css/functional/themes/dark.css +2 -2
- package/dist/css/functional/themes/light-colorblind.css +24 -24
- package/dist/css/functional/themes/light-high-contrast.css +32 -32
- package/dist/css/functional/themes/light-tritanopia.css +24 -24
- package/dist/css/functional/themes/light.css +12 -12
- package/dist/docs/functional/themes/dark-colorblind.json +4 -4
- package/dist/docs/functional/themes/dark-dimmed.json +5 -5
- package/dist/docs/functional/themes/dark-high-contrast.json +113 -105
- package/dist/docs/functional/themes/dark-tritanopia.json +4 -4
- package/dist/docs/functional/themes/dark.json +5 -5
- package/dist/docs/functional/themes/light-colorblind.json +167 -173
- package/dist/docs/functional/themes/light-high-contrast.json +191 -187
- package/dist/docs/functional/themes/light-tritanopia.json +165 -171
- package/dist/docs/functional/themes/light.json +159 -157
- package/dist/figma/themes/dark-colorblind.json +43 -43
- package/dist/figma/themes/dark-dimmed.json +62 -62
- package/dist/figma/themes/dark-high-contrast.json +168 -167
- package/dist/figma/themes/dark-tritanopia.json +43 -43
- package/dist/figma/themes/dark.json +62 -62
- package/dist/figma/themes/light-colorblind.json +217 -218
- package/dist/figma/themes/light-high-contrast.json +175 -173
- package/dist/figma/themes/light-tritanopia.json +216 -217
- package/dist/figma/themes/light.json +139 -138
- package/dist/internalCss/dark-colorblind.css +2 -2
- package/dist/internalCss/dark-dimmed.css +2 -2
- package/dist/internalCss/dark-high-contrast.css +80 -80
- package/dist/internalCss/dark-tritanopia.css +2 -2
- package/dist/internalCss/dark.css +2 -2
- package/dist/internalCss/light-colorblind.css +24 -24
- package/dist/internalCss/light-high-contrast.css +32 -32
- package/dist/internalCss/light-tritanopia.css +24 -24
- package/dist/internalCss/light.css +12 -12
- package/dist/styleLint/functional/themes/dark-colorblind.json +4 -4
- package/dist/styleLint/functional/themes/dark-dimmed.json +5 -5
- package/dist/styleLint/functional/themes/dark-high-contrast.json +113 -105
- package/dist/styleLint/functional/themes/dark-tritanopia.json +4 -4
- package/dist/styleLint/functional/themes/dark.json +5 -5
- package/dist/styleLint/functional/themes/light-colorblind.json +167 -173
- package/dist/styleLint/functional/themes/light-high-contrast.json +191 -187
- package/dist/styleLint/functional/themes/light-tritanopia.json +165 -171
- package/dist/styleLint/functional/themes/light.json +159 -157
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +124 -2
- package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +50 -0
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
- package/src/tokens/functional/color/light/primitives-light.json5 +65 -64
|
@@ -988,45 +988,6 @@
|
|
|
988
988
|
"web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
|
|
989
989
|
}
|
|
990
990
|
},
|
|
991
|
-
{
|
|
992
|
-
"name": "borderColor/upsell-emphasis",
|
|
993
|
-
"value": {
|
|
994
|
-
"r": 0.5098039215686274,
|
|
995
|
-
"g": 0.3137254901960784,
|
|
996
|
-
"b": 0.8745098039215686,
|
|
997
|
-
"a": 1
|
|
998
|
-
},
|
|
999
|
-
"type": "COLOR",
|
|
1000
|
-
"refId": "mode/borderColor/upsell-emphasis",
|
|
1001
|
-
"reference": "base/color/light/base/color/purple/5",
|
|
1002
|
-
"collection": "mode",
|
|
1003
|
-
"mode": "light",
|
|
1004
|
-
"group": "semantic",
|
|
1005
|
-
"scopes": ["STROKE_COLOR"],
|
|
1006
|
-
"codeSyntax": {
|
|
1007
|
-
"web": "var(--borderColor-upsell-emphasis)"
|
|
1008
|
-
}
|
|
1009
|
-
},
|
|
1010
|
-
{
|
|
1011
|
-
"name": "borderColor/upsell-muted",
|
|
1012
|
-
"value": {
|
|
1013
|
-
"r": 0.7607843137254902,
|
|
1014
|
-
"g": 0.592156862745098,
|
|
1015
|
-
"b": 1,
|
|
1016
|
-
"a": 0.4
|
|
1017
|
-
},
|
|
1018
|
-
"type": "COLOR",
|
|
1019
|
-
"alpha": 0.4,
|
|
1020
|
-
"refId": "mode/borderColor/upsell-muted",
|
|
1021
|
-
"reference": "base/color/light/base/color/purple/3",
|
|
1022
|
-
"collection": "mode",
|
|
1023
|
-
"mode": "light",
|
|
1024
|
-
"group": "semantic",
|
|
1025
|
-
"scopes": ["STROKE_COLOR"],
|
|
1026
|
-
"codeSyntax": {
|
|
1027
|
-
"web": "var(--borderColor-upsell-muted)"
|
|
1028
|
-
}
|
|
1029
|
-
},
|
|
1030
991
|
{
|
|
1031
992
|
"name": "borderColor/done-emphasis",
|
|
1032
993
|
"value": {
|
|
@@ -1439,44 +1400,6 @@
|
|
|
1439
1400
|
"web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
|
|
1440
1401
|
}
|
|
1441
1402
|
},
|
|
1442
|
-
{
|
|
1443
|
-
"name": "bgColor/upsell-emphasis",
|
|
1444
|
-
"value": {
|
|
1445
|
-
"r": 0.5098039215686274,
|
|
1446
|
-
"g": 0.3137254901960784,
|
|
1447
|
-
"b": 0.8745098039215686,
|
|
1448
|
-
"a": 1
|
|
1449
|
-
},
|
|
1450
|
-
"type": "COLOR",
|
|
1451
|
-
"refId": "mode/bgColor/upsell-emphasis",
|
|
1452
|
-
"reference": "base/color/light/base/color/purple/5",
|
|
1453
|
-
"collection": "mode",
|
|
1454
|
-
"mode": "light",
|
|
1455
|
-
"group": "semantic",
|
|
1456
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1457
|
-
"codeSyntax": {
|
|
1458
|
-
"web": "var(--bgColor-upsell-emphasis)"
|
|
1459
|
-
}
|
|
1460
|
-
},
|
|
1461
|
-
{
|
|
1462
|
-
"name": "bgColor/upsell-muted",
|
|
1463
|
-
"value": {
|
|
1464
|
-
"r": 0.984313725490196,
|
|
1465
|
-
"g": 0.9372549019607843,
|
|
1466
|
-
"b": 1,
|
|
1467
|
-
"a": 1
|
|
1468
|
-
},
|
|
1469
|
-
"type": "COLOR",
|
|
1470
|
-
"refId": "mode/bgColor/upsell-muted",
|
|
1471
|
-
"reference": "base/color/light/base/color/purple/0",
|
|
1472
|
-
"collection": "mode",
|
|
1473
|
-
"mode": "light",
|
|
1474
|
-
"group": "semantic",
|
|
1475
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1476
|
-
"codeSyntax": {
|
|
1477
|
-
"web": "var(--bgColor-upsell-muted)"
|
|
1478
|
-
}
|
|
1479
|
-
},
|
|
1480
1403
|
{
|
|
1481
1404
|
"name": "bgColor/done-emphasis",
|
|
1482
1405
|
"value": {
|
|
@@ -1515,44 +1438,6 @@
|
|
|
1515
1438
|
"web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
|
|
1516
1439
|
}
|
|
1517
1440
|
},
|
|
1518
|
-
{
|
|
1519
|
-
"name": "bgColor/closed-emphasis",
|
|
1520
|
-
"value": {
|
|
1521
|
-
"r": 0.8117647058823529,
|
|
1522
|
-
"g": 0.13333333333333333,
|
|
1523
|
-
"b": 0.1803921568627451,
|
|
1524
|
-
"a": 1
|
|
1525
|
-
},
|
|
1526
|
-
"type": "COLOR",
|
|
1527
|
-
"refId": "mode/bgColor/closed-emphasis",
|
|
1528
|
-
"reference": "base/color/light/base/color/red/5",
|
|
1529
|
-
"collection": "mode",
|
|
1530
|
-
"mode": "light",
|
|
1531
|
-
"group": "semantic",
|
|
1532
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1533
|
-
"codeSyntax": {
|
|
1534
|
-
"web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
|
|
1535
|
-
}
|
|
1536
|
-
},
|
|
1537
|
-
{
|
|
1538
|
-
"name": "bgColor/closed-muted",
|
|
1539
|
-
"value": {
|
|
1540
|
-
"r": 1,
|
|
1541
|
-
"g": 0.9215686274509803,
|
|
1542
|
-
"b": 0.9137254901960784,
|
|
1543
|
-
"a": 1
|
|
1544
|
-
},
|
|
1545
|
-
"type": "COLOR",
|
|
1546
|
-
"refId": "mode/bgColor/closed-muted",
|
|
1547
|
-
"reference": "base/color/light/base/color/red/0",
|
|
1548
|
-
"collection": "mode",
|
|
1549
|
-
"mode": "light",
|
|
1550
|
-
"group": "semantic",
|
|
1551
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1552
|
-
"codeSyntax": {
|
|
1553
|
-
"web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
|
|
1554
|
-
}
|
|
1555
|
-
},
|
|
1556
1441
|
{
|
|
1557
1442
|
"name": "bgColor/danger-emphasis",
|
|
1558
1443
|
"value": {
|
|
@@ -1956,25 +1841,6 @@
|
|
|
1956
1841
|
"web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
|
|
1957
1842
|
}
|
|
1958
1843
|
},
|
|
1959
|
-
{
|
|
1960
|
-
"name": "fgColor/upsell",
|
|
1961
|
-
"value": {
|
|
1962
|
-
"r": 0.5098039215686274,
|
|
1963
|
-
"g": 0.3137254901960784,
|
|
1964
|
-
"b": 0.8745098039215686,
|
|
1965
|
-
"a": 1
|
|
1966
|
-
},
|
|
1967
|
-
"type": "COLOR",
|
|
1968
|
-
"refId": "mode/fgColor/upsell",
|
|
1969
|
-
"reference": "base/color/light/base/color/purple/5",
|
|
1970
|
-
"collection": "mode",
|
|
1971
|
-
"mode": "light",
|
|
1972
|
-
"group": "semantic",
|
|
1973
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"],
|
|
1974
|
-
"codeSyntax": {
|
|
1975
|
-
"web": "var(--fgColor-upsell)"
|
|
1976
|
-
}
|
|
1977
|
-
},
|
|
1978
1844
|
{
|
|
1979
1845
|
"name": "fgColor/done",
|
|
1980
1846
|
"value": {
|
|
@@ -2093,14 +1959,14 @@
|
|
|
2093
1959
|
{
|
|
2094
1960
|
"name": "fgColor/neutral",
|
|
2095
1961
|
"value": {
|
|
2096
|
-
"r": 0.
|
|
2097
|
-
"g": 0.
|
|
2098
|
-
"b": 0.
|
|
1962
|
+
"r": 0.3411764705882353,
|
|
1963
|
+
"g": 0.3764705882352941,
|
|
1964
|
+
"b": 0.41568627450980394,
|
|
2099
1965
|
"a": 1
|
|
2100
1966
|
},
|
|
2101
1967
|
"type": "COLOR",
|
|
2102
1968
|
"refId": "mode/fgColor/neutral",
|
|
2103
|
-
"reference": "base/color/light/base/color/neutral/
|
|
1969
|
+
"reference": "base/color/light/base/color/neutral/6",
|
|
2104
1970
|
"collection": "mode",
|
|
2105
1971
|
"mode": "light",
|
|
2106
1972
|
"group": "semantic",
|
|
@@ -7462,6 +7328,45 @@
|
|
|
7462
7328
|
"group": "component",
|
|
7463
7329
|
"scopes": ["STROKE_COLOR"]
|
|
7464
7330
|
},
|
|
7331
|
+
{
|
|
7332
|
+
"name": "borderColor/upsell-emphasis",
|
|
7333
|
+
"value": {
|
|
7334
|
+
"r": 0.5098039215686274,
|
|
7335
|
+
"g": 0.3137254901960784,
|
|
7336
|
+
"b": 0.8745098039215686,
|
|
7337
|
+
"a": 1
|
|
7338
|
+
},
|
|
7339
|
+
"type": "COLOR",
|
|
7340
|
+
"refId": "mode/borderColor/upsell-emphasis",
|
|
7341
|
+
"reference": "mode/borderColor/done-emphasis",
|
|
7342
|
+
"collection": "mode",
|
|
7343
|
+
"mode": "light",
|
|
7344
|
+
"group": "semantic",
|
|
7345
|
+
"scopes": ["STROKE_COLOR"],
|
|
7346
|
+
"codeSyntax": {
|
|
7347
|
+
"web": "var(--borderColor-upsell-emphasis)"
|
|
7348
|
+
}
|
|
7349
|
+
},
|
|
7350
|
+
{
|
|
7351
|
+
"name": "borderColor/upsell-muted",
|
|
7352
|
+
"value": {
|
|
7353
|
+
"r": 0.7607843137254902,
|
|
7354
|
+
"g": 0.592156862745098,
|
|
7355
|
+
"b": 1,
|
|
7356
|
+
"a": 0.4
|
|
7357
|
+
},
|
|
7358
|
+
"type": "COLOR",
|
|
7359
|
+
"alpha": 0.4,
|
|
7360
|
+
"refId": "mode/borderColor/upsell-muted",
|
|
7361
|
+
"reference": "mode/borderColor/done-muted",
|
|
7362
|
+
"collection": "mode",
|
|
7363
|
+
"mode": "light",
|
|
7364
|
+
"group": "semantic",
|
|
7365
|
+
"scopes": ["STROKE_COLOR"],
|
|
7366
|
+
"codeSyntax": {
|
|
7367
|
+
"web": "var(--borderColor-upsell-muted)"
|
|
7368
|
+
}
|
|
7369
|
+
},
|
|
7465
7370
|
{
|
|
7466
7371
|
"name": "borderColor/open-emphasis",
|
|
7467
7372
|
"value": {
|
|
@@ -7490,6 +7395,7 @@
|
|
|
7490
7395
|
"a": 0.4
|
|
7491
7396
|
},
|
|
7492
7397
|
"type": "COLOR",
|
|
7398
|
+
"alpha": 0.4,
|
|
7493
7399
|
"refId": "mode/borderColor/open-muted",
|
|
7494
7400
|
"reference": "mode/borderColor/success-muted",
|
|
7495
7401
|
"collection": "mode",
|
|
@@ -7536,6 +7442,82 @@
|
|
|
7536
7442
|
"web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
|
|
7537
7443
|
}
|
|
7538
7444
|
},
|
|
7445
|
+
{
|
|
7446
|
+
"name": "bgColor/upsell-emphasis",
|
|
7447
|
+
"value": {
|
|
7448
|
+
"r": 0.5098039215686274,
|
|
7449
|
+
"g": 0.3137254901960784,
|
|
7450
|
+
"b": 0.8745098039215686,
|
|
7451
|
+
"a": 1
|
|
7452
|
+
},
|
|
7453
|
+
"type": "COLOR",
|
|
7454
|
+
"refId": "mode/bgColor/upsell-emphasis",
|
|
7455
|
+
"reference": "mode/bgColor/done-emphasis",
|
|
7456
|
+
"collection": "mode",
|
|
7457
|
+
"mode": "light",
|
|
7458
|
+
"group": "semantic",
|
|
7459
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7460
|
+
"codeSyntax": {
|
|
7461
|
+
"web": "var(--bgColor-upsell-emphasis)"
|
|
7462
|
+
}
|
|
7463
|
+
},
|
|
7464
|
+
{
|
|
7465
|
+
"name": "bgColor/upsell-muted",
|
|
7466
|
+
"value": {
|
|
7467
|
+
"r": 0.984313725490196,
|
|
7468
|
+
"g": 0.9372549019607843,
|
|
7469
|
+
"b": 1,
|
|
7470
|
+
"a": 1
|
|
7471
|
+
},
|
|
7472
|
+
"type": "COLOR",
|
|
7473
|
+
"refId": "mode/bgColor/upsell-muted",
|
|
7474
|
+
"reference": "mode/bgColor/done-muted",
|
|
7475
|
+
"collection": "mode",
|
|
7476
|
+
"mode": "light",
|
|
7477
|
+
"group": "semantic",
|
|
7478
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7479
|
+
"codeSyntax": {
|
|
7480
|
+
"web": "var(--bgColor-upsell-muted)"
|
|
7481
|
+
}
|
|
7482
|
+
},
|
|
7483
|
+
{
|
|
7484
|
+
"name": "bgColor/closed-emphasis",
|
|
7485
|
+
"value": {
|
|
7486
|
+
"r": 0.8117647058823529,
|
|
7487
|
+
"g": 0.13333333333333333,
|
|
7488
|
+
"b": 0.1803921568627451,
|
|
7489
|
+
"a": 1
|
|
7490
|
+
},
|
|
7491
|
+
"type": "COLOR",
|
|
7492
|
+
"refId": "mode/bgColor/closed-emphasis",
|
|
7493
|
+
"reference": "mode/bgColor/danger-emphasis",
|
|
7494
|
+
"collection": "mode",
|
|
7495
|
+
"mode": "light",
|
|
7496
|
+
"group": "semantic",
|
|
7497
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7498
|
+
"codeSyntax": {
|
|
7499
|
+
"web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
|
|
7500
|
+
}
|
|
7501
|
+
},
|
|
7502
|
+
{
|
|
7503
|
+
"name": "bgColor/closed-muted",
|
|
7504
|
+
"value": {
|
|
7505
|
+
"r": 1,
|
|
7506
|
+
"g": 0.9215686274509803,
|
|
7507
|
+
"b": 0.9137254901960784,
|
|
7508
|
+
"a": 1
|
|
7509
|
+
},
|
|
7510
|
+
"type": "COLOR",
|
|
7511
|
+
"refId": "mode/bgColor/closed-muted",
|
|
7512
|
+
"reference": "mode/bgColor/danger-muted",
|
|
7513
|
+
"collection": "mode",
|
|
7514
|
+
"mode": "light",
|
|
7515
|
+
"group": "semantic",
|
|
7516
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7517
|
+
"codeSyntax": {
|
|
7518
|
+
"web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
|
|
7519
|
+
}
|
|
7520
|
+
},
|
|
7539
7521
|
{
|
|
7540
7522
|
"name": "bgColor/open-emphasis",
|
|
7541
7523
|
"value": {
|
|
@@ -7574,6 +7556,25 @@
|
|
|
7574
7556
|
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
7575
7557
|
}
|
|
7576
7558
|
},
|
|
7559
|
+
{
|
|
7560
|
+
"name": "fgColor/upsell",
|
|
7561
|
+
"value": {
|
|
7562
|
+
"r": 0.5098039215686274,
|
|
7563
|
+
"g": 0.3137254901960784,
|
|
7564
|
+
"b": 0.8745098039215686,
|
|
7565
|
+
"a": 1
|
|
7566
|
+
},
|
|
7567
|
+
"type": "COLOR",
|
|
7568
|
+
"refId": "mode/fgColor/upsell",
|
|
7569
|
+
"reference": "mode/fgColor/done",
|
|
7570
|
+
"collection": "mode",
|
|
7571
|
+
"mode": "light",
|
|
7572
|
+
"group": "semantic",
|
|
7573
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"],
|
|
7574
|
+
"codeSyntax": {
|
|
7575
|
+
"web": "var(--fgColor-upsell)"
|
|
7576
|
+
}
|
|
7577
|
+
},
|
|
7577
7578
|
{
|
|
7578
7579
|
"name": "fgColor/closed",
|
|
7579
7580
|
"value": {
|
|
@@ -720,7 +720,7 @@
|
|
|
720
720
|
--fgColor-black: #010409;
|
|
721
721
|
--fgColor-disabled: #6e7681;
|
|
722
722
|
--fgColor-link: #4493f8;
|
|
723
|
-
--fgColor-neutral: #
|
|
723
|
+
--fgColor-neutral: #b1bac4;
|
|
724
724
|
--fgColor-accent: #4493f8;
|
|
725
725
|
--fgColor-success: #58a6ff;
|
|
726
726
|
--fgColor-open: #f0883e;
|
|
@@ -1569,7 +1569,7 @@
|
|
|
1569
1569
|
--fgColor-black: #010409;
|
|
1570
1570
|
--fgColor-disabled: #6e7681;
|
|
1571
1571
|
--fgColor-link: #4493f8;
|
|
1572
|
-
--fgColor-neutral: #
|
|
1572
|
+
--fgColor-neutral: #b1bac4;
|
|
1573
1573
|
--fgColor-accent: #4493f8;
|
|
1574
1574
|
--fgColor-success: #58a6ff;
|
|
1575
1575
|
--fgColor-open: #f0883e;
|
|
@@ -720,7 +720,7 @@
|
|
|
720
720
|
--fgColor-black: #1c2128;
|
|
721
721
|
--fgColor-disabled: #636e7b;
|
|
722
722
|
--fgColor-link: #478be6;
|
|
723
|
-
--fgColor-neutral: #
|
|
723
|
+
--fgColor-neutral: #909dab;
|
|
724
724
|
--fgColor-accent: #478be6;
|
|
725
725
|
--fgColor-success: #57ab5a;
|
|
726
726
|
--fgColor-open: #57ab5a;
|
|
@@ -1569,7 +1569,7 @@
|
|
|
1569
1569
|
--fgColor-black: #1c2128;
|
|
1570
1570
|
--fgColor-disabled: #636e7b;
|
|
1571
1571
|
--fgColor-link: #478be6;
|
|
1572
|
-
--fgColor-neutral: #
|
|
1572
|
+
--fgColor-neutral: #909dab;
|
|
1573
1573
|
--fgColor-accent: #478be6;
|
|
1574
1574
|
--fgColor-success: #57ab5a;
|
|
1575
1575
|
--fgColor-open: #57ab5a;
|