@primer/primitives 8.2.4-rc.cbbd0a9a → 8.2.4-rc.d0843711
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 +172 -172
- 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 +2 -2
- package/dist/css/functional/themes/light-high-contrast.css +116 -116
- package/dist/css/functional/themes/light-tritanopia.css +2 -2
- package/dist/css/functional/themes/light.css +2 -2
- 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 +226 -226
- 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 +2 -2
- package/dist/docs/functional/themes/light-high-contrast.json +174 -174
- package/dist/docs/functional/themes/light-tritanopia.json +2 -2
- package/dist/docs/functional/themes/light.json +2 -2
- 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 +358 -358
- package/dist/figma/themes/dark-tritanopia.json +43 -43
- package/dist/figma/themes/dark.json +62 -62
- package/dist/figma/themes/light-colorblind.json +4 -4
- package/dist/figma/themes/light-high-contrast.json +222 -222
- package/dist/figma/themes/light-tritanopia.json +4 -4
- package/dist/figma/themes/light.json +4 -4
- package/dist/internalCss/dark-colorblind.css +2 -2
- package/dist/internalCss/dark-dimmed.css +2 -2
- package/dist/internalCss/dark-high-contrast.css +172 -172
- package/dist/internalCss/dark-tritanopia.css +2 -2
- package/dist/internalCss/dark.css +2 -2
- package/dist/internalCss/light-colorblind.css +2 -2
- package/dist/internalCss/light-high-contrast.css +116 -116
- package/dist/internalCss/light-tritanopia.css +2 -2
- package/dist/internalCss/light.css +2 -2
- 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 +226 -226
- 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 +2 -2
- package/dist/styleLint/functional/themes/light-high-contrast.json +174 -174
- package/dist/styleLint/functional/themes/light-tritanopia.json +2 -2
- package/dist/styleLint/functional/themes/light.json +2 -2
- package/package.json +27 -26
- package/src/formats/cssAdvanced.ts +3 -3
- package/src/formats/cssCustomMedia.ts +2 -2
- package/src/formats/javascriptCommonJs.ts +2 -2
- package/src/formats/javascriptEsm.ts +2 -2
- package/src/formats/jsonFigma.ts +2 -2
- package/src/formats/jsonNestedPrefixed.ts +2 -2
- package/src/formats/jsonOneDimensional.ts +2 -2
- package/src/formats/jsonPostCssFallback.ts +2 -2
- package/src/formats/typescriptExportDefinition.ts +2 -2
- package/src/schemas/designToken.ts +1 -1
- package/src/schemas/validTokenType.ts +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +397 -0
- package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +348 -0
- package/src/tokens/functional/color/light/primitives-light.json5 +2 -2
|
@@ -12807,7 +12807,7 @@
|
|
|
12807
12807
|
"path": ["fgColor", "link"]
|
|
12808
12808
|
},
|
|
12809
12809
|
"fgColor-neutral": {
|
|
12810
|
-
"value": "#
|
|
12810
|
+
"value": "#57606a",
|
|
12811
12811
|
"$type": "color",
|
|
12812
12812
|
"$extensions": {
|
|
12813
12813
|
"org.primer.figma": {
|
|
@@ -12820,7 +12820,7 @@
|
|
|
12820
12820
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12821
12821
|
"isSource": true,
|
|
12822
12822
|
"original": {
|
|
12823
|
-
"value": "{base.color.neutral.
|
|
12823
|
+
"value": "{base.color.neutral.6}",
|
|
12824
12824
|
"$type": "color",
|
|
12825
12825
|
"$extensions": {
|
|
12826
12826
|
"org.primer.figma": {
|
|
@@ -12807,7 +12807,7 @@
|
|
|
12807
12807
|
"path": ["fgColor", "link"]
|
|
12808
12808
|
},
|
|
12809
12809
|
"fgColor-neutral": {
|
|
12810
|
-
"value": "#
|
|
12810
|
+
"value": "#57606a",
|
|
12811
12811
|
"$type": "color",
|
|
12812
12812
|
"$extensions": {
|
|
12813
12813
|
"org.primer.figma": {
|
|
@@ -12820,7 +12820,7 @@
|
|
|
12820
12820
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12821
12821
|
"isSource": true,
|
|
12822
12822
|
"original": {
|
|
12823
|
-
"value": "{base.color.neutral.
|
|
12823
|
+
"value": "{base.color.neutral.6}",
|
|
12824
12824
|
"$type": "color",
|
|
12825
12825
|
"$extensions": {
|
|
12826
12826
|
"org.primer.figma": {
|
|
@@ -1540,45 +1540,6 @@
|
|
|
1540
1540
|
"web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
|
|
1541
1541
|
}
|
|
1542
1542
|
},
|
|
1543
|
-
{
|
|
1544
|
-
"name": "bgColor/upsell-emphasis",
|
|
1545
|
-
"value": {
|
|
1546
|
-
"r": 0.5372549019607843,
|
|
1547
|
-
"g": 0.3411764705882353,
|
|
1548
|
-
"b": 0.8980392156862745,
|
|
1549
|
-
"a": 1
|
|
1550
|
-
},
|
|
1551
|
-
"type": "COLOR",
|
|
1552
|
-
"refId": "mode/bgColor/upsell-emphasis",
|
|
1553
|
-
"reference": "base/color/dark/base/color/purple/5",
|
|
1554
|
-
"collection": "mode",
|
|
1555
|
-
"mode": "dark colorblind",
|
|
1556
|
-
"group": "semantic",
|
|
1557
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1558
|
-
"codeSyntax": {
|
|
1559
|
-
"web": "var(--bgColor-upsell-emphasis)"
|
|
1560
|
-
}
|
|
1561
|
-
},
|
|
1562
|
-
{
|
|
1563
|
-
"name": "bgColor/upsell-muted",
|
|
1564
|
-
"value": {
|
|
1565
|
-
"r": 0.6705882352941176,
|
|
1566
|
-
"g": 0.49019607843137253,
|
|
1567
|
-
"b": 0.9725490196078431,
|
|
1568
|
-
"a": 0.15
|
|
1569
|
-
},
|
|
1570
|
-
"type": "COLOR",
|
|
1571
|
-
"alpha": 0.15,
|
|
1572
|
-
"refId": "mode/bgColor/upsell-muted",
|
|
1573
|
-
"reference": "base/color/dark/base/color/purple/4",
|
|
1574
|
-
"collection": "mode",
|
|
1575
|
-
"mode": "dark colorblind",
|
|
1576
|
-
"group": "semantic",
|
|
1577
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1578
|
-
"codeSyntax": {
|
|
1579
|
-
"web": "var(--bgColor-upsell-muted)"
|
|
1580
|
-
}
|
|
1581
|
-
},
|
|
1582
1543
|
{
|
|
1583
1544
|
"name": "bgColor/done-emphasis",
|
|
1584
1545
|
"value": {
|
|
@@ -2259,14 +2220,14 @@
|
|
|
2259
2220
|
{
|
|
2260
2221
|
"name": "fgColor/neutral",
|
|
2261
2222
|
"value": {
|
|
2262
|
-
"r": 0.
|
|
2263
|
-
"g": 0.
|
|
2264
|
-
"b": 0.
|
|
2223
|
+
"r": 0.6941176470588235,
|
|
2224
|
+
"g": 0.7294117647058823,
|
|
2225
|
+
"b": 0.7686274509803922,
|
|
2265
2226
|
"a": 1
|
|
2266
2227
|
},
|
|
2267
2228
|
"type": "COLOR",
|
|
2268
2229
|
"refId": "mode/fgColor/neutral",
|
|
2269
|
-
"reference": "base/color/dark/base/color/neutral/
|
|
2230
|
+
"reference": "base/color/dark/base/color/neutral/2",
|
|
2270
2231
|
"collection": "mode",
|
|
2271
2232
|
"mode": "dark colorblind",
|
|
2272
2233
|
"group": "semantic",
|
|
@@ -7840,6 +7801,45 @@
|
|
|
7840
7801
|
"web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
|
|
7841
7802
|
}
|
|
7842
7803
|
},
|
|
7804
|
+
{
|
|
7805
|
+
"name": "bgColor/upsell-emphasis",
|
|
7806
|
+
"value": {
|
|
7807
|
+
"r": 0.5372549019607843,
|
|
7808
|
+
"g": 0.3411764705882353,
|
|
7809
|
+
"b": 0.8980392156862745,
|
|
7810
|
+
"a": 1
|
|
7811
|
+
},
|
|
7812
|
+
"type": "COLOR",
|
|
7813
|
+
"refId": "mode/bgColor/upsell-emphasis",
|
|
7814
|
+
"reference": "mode/bgColor/done-emphasis",
|
|
7815
|
+
"collection": "mode",
|
|
7816
|
+
"mode": "dark colorblind",
|
|
7817
|
+
"group": "semantic",
|
|
7818
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7819
|
+
"codeSyntax": {
|
|
7820
|
+
"web": "var(--bgColor-upsell-emphasis)"
|
|
7821
|
+
}
|
|
7822
|
+
},
|
|
7823
|
+
{
|
|
7824
|
+
"name": "bgColor/upsell-muted",
|
|
7825
|
+
"value": {
|
|
7826
|
+
"r": 0.6705882352941176,
|
|
7827
|
+
"g": 0.49019607843137253,
|
|
7828
|
+
"b": 0.9725490196078431,
|
|
7829
|
+
"a": 0.15
|
|
7830
|
+
},
|
|
7831
|
+
"type": "COLOR",
|
|
7832
|
+
"alpha": 0.15,
|
|
7833
|
+
"refId": "mode/bgColor/upsell-muted",
|
|
7834
|
+
"reference": "mode/bgColor/done-muted",
|
|
7835
|
+
"collection": "mode",
|
|
7836
|
+
"mode": "dark colorblind",
|
|
7837
|
+
"group": "semantic",
|
|
7838
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7839
|
+
"codeSyntax": {
|
|
7840
|
+
"web": "var(--bgColor-upsell-muted)"
|
|
7841
|
+
}
|
|
7842
|
+
},
|
|
7843
7843
|
{
|
|
7844
7844
|
"name": "fgColor/upsell",
|
|
7845
7845
|
"value": {
|
|
@@ -1492,45 +1492,6 @@
|
|
|
1492
1492
|
"web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
|
|
1493
1493
|
}
|
|
1494
1494
|
},
|
|
1495
|
-
{
|
|
1496
|
-
"name": "bgColor/upsell-emphasis",
|
|
1497
|
-
"value": {
|
|
1498
|
-
"r": 0.5098039215686274,
|
|
1499
|
-
"g": 0.33725490196078434,
|
|
1500
|
-
"b": 0.8156862745098039,
|
|
1501
|
-
"a": 1
|
|
1502
|
-
},
|
|
1503
|
-
"type": "COLOR",
|
|
1504
|
-
"refId": "mode/bgColor/upsell-emphasis",
|
|
1505
|
-
"reference": "base/color/dark-dimmed/base/color/purple/5",
|
|
1506
|
-
"collection": "mode",
|
|
1507
|
-
"mode": "dark dimmed",
|
|
1508
|
-
"group": "semantic",
|
|
1509
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1510
|
-
"codeSyntax": {
|
|
1511
|
-
"web": "var(--bgColor-upsell-emphasis)"
|
|
1512
|
-
}
|
|
1513
|
-
},
|
|
1514
|
-
{
|
|
1515
|
-
"name": "bgColor/upsell-muted",
|
|
1516
|
-
"value": {
|
|
1517
|
-
"r": 0.596078431372549,
|
|
1518
|
-
"g": 0.43137254901960786,
|
|
1519
|
-
"b": 0.8862745098039215,
|
|
1520
|
-
"a": 0.15
|
|
1521
|
-
},
|
|
1522
|
-
"type": "COLOR",
|
|
1523
|
-
"alpha": 0.15,
|
|
1524
|
-
"refId": "mode/bgColor/upsell-muted",
|
|
1525
|
-
"reference": "base/color/dark-dimmed/base/color/purple/4",
|
|
1526
|
-
"collection": "mode",
|
|
1527
|
-
"mode": "dark dimmed",
|
|
1528
|
-
"group": "semantic",
|
|
1529
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1530
|
-
"codeSyntax": {
|
|
1531
|
-
"web": "var(--bgColor-upsell-muted)"
|
|
1532
|
-
}
|
|
1533
|
-
},
|
|
1534
1495
|
{
|
|
1535
1496
|
"name": "bgColor/done-emphasis",
|
|
1536
1497
|
"value": {
|
|
@@ -1570,25 +1531,6 @@
|
|
|
1570
1531
|
"web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
|
|
1571
1532
|
}
|
|
1572
1533
|
},
|
|
1573
|
-
{
|
|
1574
|
-
"name": "bgColor/closed-emphasis",
|
|
1575
|
-
"value": {
|
|
1576
|
-
"r": 0.788235294117647,
|
|
1577
|
-
"g": 0.23529411764705882,
|
|
1578
|
-
"b": 0.21568627450980393,
|
|
1579
|
-
"a": 1
|
|
1580
|
-
},
|
|
1581
|
-
"type": "COLOR",
|
|
1582
|
-
"refId": "mode/bgColor/closed-emphasis",
|
|
1583
|
-
"reference": "base/color/dark-dimmed/base/color/red/5",
|
|
1584
|
-
"collection": "mode",
|
|
1585
|
-
"mode": "dark dimmed",
|
|
1586
|
-
"group": "semantic",
|
|
1587
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1588
|
-
"codeSyntax": {
|
|
1589
|
-
"web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
|
|
1590
|
-
}
|
|
1591
|
-
},
|
|
1592
1534
|
{
|
|
1593
1535
|
"name": "bgColor/danger-emphasis",
|
|
1594
1536
|
"value": {
|
|
@@ -2114,14 +2056,14 @@
|
|
|
2114
2056
|
{
|
|
2115
2057
|
"name": "fgColor/neutral",
|
|
2116
2058
|
"value": {
|
|
2117
|
-
"r": 0.
|
|
2118
|
-
"g": 0.
|
|
2119
|
-
"b": 0.
|
|
2059
|
+
"r": 0.5647058823529412,
|
|
2060
|
+
"g": 0.615686274509804,
|
|
2061
|
+
"b": 0.6705882352941176,
|
|
2120
2062
|
"a": 1
|
|
2121
2063
|
},
|
|
2122
2064
|
"type": "COLOR",
|
|
2123
2065
|
"refId": "mode/fgColor/neutral",
|
|
2124
|
-
"reference": "base/color/dark-dimmed/base/color/neutral/
|
|
2066
|
+
"reference": "base/color/dark-dimmed/base/color/neutral/2",
|
|
2125
2067
|
"collection": "mode",
|
|
2126
2068
|
"mode": "dark dimmed",
|
|
2127
2069
|
"group": "semantic",
|
|
@@ -7774,6 +7716,64 @@
|
|
|
7774
7716
|
"web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
|
|
7775
7717
|
}
|
|
7776
7718
|
},
|
|
7719
|
+
{
|
|
7720
|
+
"name": "bgColor/upsell-emphasis",
|
|
7721
|
+
"value": {
|
|
7722
|
+
"r": 0.5098039215686274,
|
|
7723
|
+
"g": 0.33725490196078434,
|
|
7724
|
+
"b": 0.8156862745098039,
|
|
7725
|
+
"a": 1
|
|
7726
|
+
},
|
|
7727
|
+
"type": "COLOR",
|
|
7728
|
+
"refId": "mode/bgColor/upsell-emphasis",
|
|
7729
|
+
"reference": "mode/bgColor/done-emphasis",
|
|
7730
|
+
"collection": "mode",
|
|
7731
|
+
"mode": "dark dimmed",
|
|
7732
|
+
"group": "semantic",
|
|
7733
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7734
|
+
"codeSyntax": {
|
|
7735
|
+
"web": "var(--bgColor-upsell-emphasis)"
|
|
7736
|
+
}
|
|
7737
|
+
},
|
|
7738
|
+
{
|
|
7739
|
+
"name": "bgColor/upsell-muted",
|
|
7740
|
+
"value": {
|
|
7741
|
+
"r": 0.596078431372549,
|
|
7742
|
+
"g": 0.43137254901960786,
|
|
7743
|
+
"b": 0.8862745098039215,
|
|
7744
|
+
"a": 0.15
|
|
7745
|
+
},
|
|
7746
|
+
"type": "COLOR",
|
|
7747
|
+
"alpha": 0.15,
|
|
7748
|
+
"refId": "mode/bgColor/upsell-muted",
|
|
7749
|
+
"reference": "mode/bgColor/done-muted",
|
|
7750
|
+
"collection": "mode",
|
|
7751
|
+
"mode": "dark dimmed",
|
|
7752
|
+
"group": "semantic",
|
|
7753
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7754
|
+
"codeSyntax": {
|
|
7755
|
+
"web": "var(--bgColor-upsell-muted)"
|
|
7756
|
+
}
|
|
7757
|
+
},
|
|
7758
|
+
{
|
|
7759
|
+
"name": "bgColor/closed-emphasis",
|
|
7760
|
+
"value": {
|
|
7761
|
+
"r": 0.788235294117647,
|
|
7762
|
+
"g": 0.23529411764705882,
|
|
7763
|
+
"b": 0.21568627450980393,
|
|
7764
|
+
"a": 1
|
|
7765
|
+
},
|
|
7766
|
+
"type": "COLOR",
|
|
7767
|
+
"refId": "mode/bgColor/closed-emphasis",
|
|
7768
|
+
"reference": "mode/bgColor/danger-emphasis",
|
|
7769
|
+
"collection": "mode",
|
|
7770
|
+
"mode": "dark dimmed",
|
|
7771
|
+
"group": "semantic",
|
|
7772
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
7773
|
+
"codeSyntax": {
|
|
7774
|
+
"web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
|
|
7775
|
+
}
|
|
7776
|
+
},
|
|
7777
7777
|
{
|
|
7778
7778
|
"name": "bgColor/closed-muted",
|
|
7779
7779
|
"value": {
|