@primer/primitives 9.1.1 → 9.1.2-rc.23d3715a
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/build/PrimerStyleDictionary.js +0 -1
- package/dist/build/platforms/css.js +0 -1
- package/dist/build/platforms/docJson.js +0 -1
- package/dist/build/platforms/fallbacks.js +0 -1
- package/dist/build/platforms/javascript.js +0 -1
- package/dist/build/platforms/json.js +0 -1
- package/dist/build/platforms/styleLint.js +0 -1
- package/dist/build/platforms/typeDefinitions.js +0 -1
- package/dist/build/platforms/typescript.js +0 -1
- package/dist/build/transformers/colorToHex.js +9 -1
- package/dist/build/transformers/index.d.ts +0 -1
- package/dist/build/transformers/index.js +1 -3
- 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 +2 -2
- 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 +2 -2
- 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 +22 -4
- package/dist/docs/functional/themes/dark-dimmed.json +22 -4
- package/dist/docs/functional/themes/dark-high-contrast.json +23 -5
- package/dist/docs/functional/themes/dark-tritanopia.json +22 -4
- package/dist/docs/functional/themes/dark.json +22 -4
- package/dist/docs/functional/themes/light-colorblind.json +21 -3
- package/dist/docs/functional/themes/light-high-contrast.json +22 -4
- package/dist/docs/functional/themes/light-tritanopia.json +21 -3
- package/dist/docs/functional/themes/light.json +21 -3
- package/dist/figma/themes/dark-colorblind.json +17 -0
- package/dist/figma/themes/dark-dimmed.json +17 -0
- package/dist/figma/themes/dark-high-contrast.json +17 -0
- package/dist/figma/themes/dark-tritanopia.json +17 -0
- package/dist/figma/themes/dark.json +17 -0
- package/dist/figma/themes/light-colorblind.json +17 -0
- package/dist/figma/themes/light-high-contrast.json +17 -0
- package/dist/figma/themes/light-tritanopia.json +17 -0
- package/dist/figma/themes/light.json +17 -0
- package/dist/internalCss/dark-colorblind.css +2 -2
- package/dist/internalCss/dark-dimmed.css +2 -2
- package/dist/internalCss/dark-high-contrast.css +2 -2
- 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 +2 -2
- package/dist/internalCss/light-tritanopia.css +2 -2
- package/dist/internalCss/light.css +2 -2
- package/dist/styleLint/functional/themes/dark-colorblind.json +22 -4
- package/dist/styleLint/functional/themes/dark-dimmed.json +22 -4
- package/dist/styleLint/functional/themes/dark-high-contrast.json +23 -5
- package/dist/styleLint/functional/themes/dark-tritanopia.json +22 -4
- package/dist/styleLint/functional/themes/dark.json +22 -4
- package/dist/styleLint/functional/themes/light-colorblind.json +21 -3
- package/dist/styleLint/functional/themes/light-high-contrast.json +22 -4
- package/dist/styleLint/functional/themes/light-tritanopia.json +21 -3
- package/dist/styleLint/functional/themes/light.json +21 -3
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +7 -0
- package/src/tokens/functional/color/dark/patterns-dark.json5 +10 -1
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +7 -0
- package/src/tokens/functional/color/light/patterns-light.json5 +10 -1
- package/dist/build/transformers/colorToHexAlpha.d.ts +0 -8
- package/dist/build/transformers/colorToHexAlpha.js +0 -25
|
@@ -9038,13 +9038,31 @@
|
|
|
9038
9038
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9039
9039
|
},
|
|
9040
9040
|
"skeletonLoader-bgColor": {
|
|
9041
|
-
"value": "#
|
|
9041
|
+
"value": "#818b981a",
|
|
9042
9042
|
"$type": "color",
|
|
9043
|
+
"$extensions": {
|
|
9044
|
+
"org.primer.figma": {
|
|
9045
|
+
"collection": "mode",
|
|
9046
|
+
"mode": "light",
|
|
9047
|
+
"group": "component",
|
|
9048
|
+
"scopes": ["bgColor"]
|
|
9049
|
+
}
|
|
9050
|
+
},
|
|
9051
|
+
"alpha": 0.1,
|
|
9043
9052
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
9044
9053
|
"isSource": true,
|
|
9045
9054
|
"original": {
|
|
9046
|
-
"value": "{
|
|
9047
|
-
"$type": "color"
|
|
9055
|
+
"value": "{base.color.neutral.8}",
|
|
9056
|
+
"$type": "color",
|
|
9057
|
+
"$extensions": {
|
|
9058
|
+
"org.primer.figma": {
|
|
9059
|
+
"collection": "mode",
|
|
9060
|
+
"mode": "light",
|
|
9061
|
+
"group": "component",
|
|
9062
|
+
"scopes": ["bgColor"]
|
|
9063
|
+
}
|
|
9064
|
+
},
|
|
9065
|
+
"alpha": 0.1
|
|
9048
9066
|
},
|
|
9049
9067
|
"name": "skeletonLoader-bgColor",
|
|
9050
9068
|
"attributes": {},
|
|
@@ -3630,6 +3630,23 @@
|
|
|
3630
3630
|
"group": "component (internal)",
|
|
3631
3631
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3632
3632
|
},
|
|
3633
|
+
{
|
|
3634
|
+
"name": "skeletonLoader/bgColor",
|
|
3635
|
+
"value": {
|
|
3636
|
+
"r": 0.396078431372549,
|
|
3637
|
+
"g": 0.4235294117647059,
|
|
3638
|
+
"b": 0.4627450980392157,
|
|
3639
|
+
"a": 0.2
|
|
3640
|
+
},
|
|
3641
|
+
"type": "COLOR",
|
|
3642
|
+
"alpha": 0.2,
|
|
3643
|
+
"refId": "mode/skeletonLoader/bgColor",
|
|
3644
|
+
"reference": "base/color/dark/base/color/neutral/8",
|
|
3645
|
+
"collection": "mode",
|
|
3646
|
+
"mode": "dark colorblind",
|
|
3647
|
+
"group": "component",
|
|
3648
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3649
|
+
},
|
|
3633
3650
|
{
|
|
3634
3651
|
"name": "sideNav/bgColor/selected",
|
|
3635
3652
|
"value": {
|
|
@@ -3601,6 +3601,23 @@
|
|
|
3601
3601
|
"group": "component (internal)",
|
|
3602
3602
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3603
3603
|
},
|
|
3604
|
+
{
|
|
3605
|
+
"name": "skeletonLoader/bgColor",
|
|
3606
|
+
"value": {
|
|
3607
|
+
"r": 0.396078431372549,
|
|
3608
|
+
"g": 0.4235294117647059,
|
|
3609
|
+
"b": 0.4627450980392157,
|
|
3610
|
+
"a": 0.2
|
|
3611
|
+
},
|
|
3612
|
+
"type": "COLOR",
|
|
3613
|
+
"alpha": 0.2,
|
|
3614
|
+
"refId": "mode/skeletonLoader/bgColor",
|
|
3615
|
+
"reference": "base/color/dark/base/color/neutral/8",
|
|
3616
|
+
"collection": "mode",
|
|
3617
|
+
"mode": "dark dimmed",
|
|
3618
|
+
"group": "component",
|
|
3619
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3620
|
+
},
|
|
3604
3621
|
{
|
|
3605
3622
|
"name": "sideNav/bgColor/selected",
|
|
3606
3623
|
"value": {
|
|
@@ -3499,6 +3499,23 @@
|
|
|
3499
3499
|
"group": "component (internal)",
|
|
3500
3500
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3501
3501
|
},
|
|
3502
|
+
{
|
|
3503
|
+
"name": "skeletonLoader/bgColor",
|
|
3504
|
+
"value": {
|
|
3505
|
+
"r": 0.16470588235294117,
|
|
3506
|
+
"g": 0.19215686274509805,
|
|
3507
|
+
"b": 0.23529411764705882,
|
|
3508
|
+
"a": 1
|
|
3509
|
+
},
|
|
3510
|
+
"type": "COLOR",
|
|
3511
|
+
"alpha": 1,
|
|
3512
|
+
"refId": "mode/skeletonLoader/bgColor",
|
|
3513
|
+
"reference": "base/color/dark/base/color/neutral/5",
|
|
3514
|
+
"collection": "mode",
|
|
3515
|
+
"mode": "dark high contrast",
|
|
3516
|
+
"group": "component",
|
|
3517
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3518
|
+
},
|
|
3502
3519
|
{
|
|
3503
3520
|
"name": "sideNav/bgColor/selected",
|
|
3504
3521
|
"value": {
|
|
@@ -3630,6 +3630,23 @@
|
|
|
3630
3630
|
"group": "component (internal)",
|
|
3631
3631
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3632
3632
|
},
|
|
3633
|
+
{
|
|
3634
|
+
"name": "skeletonLoader/bgColor",
|
|
3635
|
+
"value": {
|
|
3636
|
+
"r": 0.396078431372549,
|
|
3637
|
+
"g": 0.4235294117647059,
|
|
3638
|
+
"b": 0.4627450980392157,
|
|
3639
|
+
"a": 0.2
|
|
3640
|
+
},
|
|
3641
|
+
"type": "COLOR",
|
|
3642
|
+
"alpha": 0.2,
|
|
3643
|
+
"refId": "mode/skeletonLoader/bgColor",
|
|
3644
|
+
"reference": "base/color/dark/base/color/neutral/8",
|
|
3645
|
+
"collection": "mode",
|
|
3646
|
+
"mode": "dark tritanopia",
|
|
3647
|
+
"group": "component",
|
|
3648
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3649
|
+
},
|
|
3633
3650
|
{
|
|
3634
3651
|
"name": "sideNav/bgColor/selected",
|
|
3635
3652
|
"value": {
|
|
@@ -3533,6 +3533,23 @@
|
|
|
3533
3533
|
"group": "component (internal)",
|
|
3534
3534
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3535
3535
|
},
|
|
3536
|
+
{
|
|
3537
|
+
"name": "skeletonLoader/bgColor",
|
|
3538
|
+
"value": {
|
|
3539
|
+
"r": 0.396078431372549,
|
|
3540
|
+
"g": 0.4235294117647059,
|
|
3541
|
+
"b": 0.4627450980392157,
|
|
3542
|
+
"a": 0.2
|
|
3543
|
+
},
|
|
3544
|
+
"type": "COLOR",
|
|
3545
|
+
"alpha": 0.2,
|
|
3546
|
+
"refId": "mode/skeletonLoader/bgColor",
|
|
3547
|
+
"reference": "base/color/dark/base/color/neutral/8",
|
|
3548
|
+
"collection": "mode",
|
|
3549
|
+
"mode": "dark",
|
|
3550
|
+
"group": "component",
|
|
3551
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3552
|
+
},
|
|
3536
3553
|
{
|
|
3537
3554
|
"name": "sideNav/bgColor/selected",
|
|
3538
3555
|
"value": {
|
|
@@ -3618,6 +3618,23 @@
|
|
|
3618
3618
|
"group": "component (internal)",
|
|
3619
3619
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3620
3620
|
},
|
|
3621
|
+
{
|
|
3622
|
+
"name": "skeletonLoader/bgColor",
|
|
3623
|
+
"value": {
|
|
3624
|
+
"r": 0.5058823529411764,
|
|
3625
|
+
"g": 0.5450980392156862,
|
|
3626
|
+
"b": 0.596078431372549,
|
|
3627
|
+
"a": 0.1
|
|
3628
|
+
},
|
|
3629
|
+
"type": "COLOR",
|
|
3630
|
+
"alpha": 0.1,
|
|
3631
|
+
"refId": "mode/skeletonLoader/bgColor",
|
|
3632
|
+
"reference": "base/color/light/base/color/neutral/8",
|
|
3633
|
+
"collection": "mode",
|
|
3634
|
+
"mode": "light colorblind",
|
|
3635
|
+
"group": "component",
|
|
3636
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3637
|
+
},
|
|
3621
3638
|
{
|
|
3622
3639
|
"name": "selectMenu/bgColor/active",
|
|
3623
3640
|
"value": {
|
|
@@ -3560,6 +3560,23 @@
|
|
|
3560
3560
|
"group": "component (internal)",
|
|
3561
3561
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3562
3562
|
},
|
|
3563
|
+
{
|
|
3564
|
+
"name": "skeletonLoader/bgColor",
|
|
3565
|
+
"value": {
|
|
3566
|
+
"r": 0.8549019607843137,
|
|
3567
|
+
"g": 0.8784313725490196,
|
|
3568
|
+
"b": 0.9058823529411765,
|
|
3569
|
+
"a": 1
|
|
3570
|
+
},
|
|
3571
|
+
"type": "COLOR",
|
|
3572
|
+
"alpha": 1,
|
|
3573
|
+
"refId": "mode/skeletonLoader/bgColor",
|
|
3574
|
+
"reference": "base/color/light/base/color/neutral/5",
|
|
3575
|
+
"collection": "mode",
|
|
3576
|
+
"mode": "light high contrast",
|
|
3577
|
+
"group": "component",
|
|
3578
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3579
|
+
},
|
|
3563
3580
|
{
|
|
3564
3581
|
"name": "selectMenu/bgColor/active",
|
|
3565
3582
|
"value": {
|
|
@@ -3617,6 +3617,23 @@
|
|
|
3617
3617
|
"group": "component (internal)",
|
|
3618
3618
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3619
3619
|
},
|
|
3620
|
+
{
|
|
3621
|
+
"name": "skeletonLoader/bgColor",
|
|
3622
|
+
"value": {
|
|
3623
|
+
"r": 0.5058823529411764,
|
|
3624
|
+
"g": 0.5450980392156862,
|
|
3625
|
+
"b": 0.596078431372549,
|
|
3626
|
+
"a": 0.1
|
|
3627
|
+
},
|
|
3628
|
+
"type": "COLOR",
|
|
3629
|
+
"alpha": 0.1,
|
|
3630
|
+
"refId": "mode/skeletonLoader/bgColor",
|
|
3631
|
+
"reference": "base/color/light/base/color/neutral/8",
|
|
3632
|
+
"collection": "mode",
|
|
3633
|
+
"mode": "light tritanopia",
|
|
3634
|
+
"group": "component",
|
|
3635
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3636
|
+
},
|
|
3620
3637
|
{
|
|
3621
3638
|
"name": "selectMenu/bgColor/active",
|
|
3622
3639
|
"value": {
|
|
@@ -3561,6 +3561,23 @@
|
|
|
3561
3561
|
"group": "component (internal)",
|
|
3562
3562
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3563
3563
|
},
|
|
3564
|
+
{
|
|
3565
|
+
"name": "skeletonLoader/bgColor",
|
|
3566
|
+
"value": {
|
|
3567
|
+
"r": 0.5058823529411764,
|
|
3568
|
+
"g": 0.5450980392156862,
|
|
3569
|
+
"b": 0.596078431372549,
|
|
3570
|
+
"a": 0.1
|
|
3571
|
+
},
|
|
3572
|
+
"type": "COLOR",
|
|
3573
|
+
"alpha": 0.1,
|
|
3574
|
+
"refId": "mode/skeletonLoader/bgColor",
|
|
3575
|
+
"reference": "base/color/light/base/color/neutral/8",
|
|
3576
|
+
"collection": "mode",
|
|
3577
|
+
"mode": "light",
|
|
3578
|
+
"group": "component",
|
|
3579
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
3580
|
+
},
|
|
3564
3581
|
{
|
|
3565
3582
|
"name": "selectMenu/bgColor/active",
|
|
3566
3583
|
"value": {
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
--selectMenu-borderColor: #3d444d;
|
|
599
599
|
--selectMenu-bgColor-active: #0c2d6b;
|
|
600
600
|
--sideNav-bgColor-selected: #212830;
|
|
601
|
-
--skeletonLoader-bgColor: #
|
|
601
|
+
--skeletonLoader-bgColor: #656c7633;
|
|
602
602
|
--timelineBadge-bgColor: #212830;
|
|
603
603
|
--treeViewItem-leadingVisual-iconColor-rest: #9198a1;
|
|
604
604
|
--underlineNav-borderColor-active: #f78166;
|
|
@@ -1457,7 +1457,7 @@
|
|
|
1457
1457
|
--selectMenu-borderColor: #3d444d;
|
|
1458
1458
|
--selectMenu-bgColor-active: #0c2d6b;
|
|
1459
1459
|
--sideNav-bgColor-selected: #212830;
|
|
1460
|
-
--skeletonLoader-bgColor: #
|
|
1460
|
+
--skeletonLoader-bgColor: #656c7633;
|
|
1461
1461
|
--timelineBadge-bgColor: #212830;
|
|
1462
1462
|
--treeViewItem-leadingVisual-iconColor-rest: #9198a1;
|
|
1463
1463
|
--underlineNav-borderColor-active: #f78166;
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
--selectMenu-borderColor: #3d444d;
|
|
599
599
|
--selectMenu-bgColor-active: #143d79;
|
|
600
600
|
--sideNav-bgColor-selected: #212830;
|
|
601
|
-
--skeletonLoader-bgColor: #
|
|
601
|
+
--skeletonLoader-bgColor: #656c7633;
|
|
602
602
|
--timelineBadge-bgColor: #262c36;
|
|
603
603
|
--treeViewItem-leadingVisual-iconColor-rest: #9198a1;
|
|
604
604
|
--underlineNav-borderColor-active: #ec775c;
|
|
@@ -1457,7 +1457,7 @@
|
|
|
1457
1457
|
--selectMenu-borderColor: #3d444d;
|
|
1458
1458
|
--selectMenu-bgColor-active: #143d79;
|
|
1459
1459
|
--sideNav-bgColor-selected: #212830;
|
|
1460
|
-
--skeletonLoader-bgColor: #
|
|
1460
|
+
--skeletonLoader-bgColor: #656c7633;
|
|
1461
1461
|
--timelineBadge-bgColor: #262c36;
|
|
1462
1462
|
--treeViewItem-leadingVisual-iconColor-rest: #9198a1;
|
|
1463
1463
|
--underlineNav-borderColor-active: #ec775c;
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
--selectMenu-borderColor: #b7bdc8;
|
|
599
599
|
--selectMenu-bgColor-active: #1e60d5;
|
|
600
600
|
--sideNav-bgColor-selected: #212830;
|
|
601
|
-
--skeletonLoader-bgColor: #
|
|
601
|
+
--skeletonLoader-bgColor: #2a313c;
|
|
602
602
|
--timelineBadge-bgColor: #212830;
|
|
603
603
|
--treeViewItem-leadingVisual-iconColor-rest: #b7bdc8;
|
|
604
604
|
--underlineNav-borderColor-active: #ff967d;
|
|
@@ -1457,7 +1457,7 @@
|
|
|
1457
1457
|
--selectMenu-borderColor: #b7bdc8;
|
|
1458
1458
|
--selectMenu-bgColor-active: #1e60d5;
|
|
1459
1459
|
--sideNav-bgColor-selected: #212830;
|
|
1460
|
-
--skeletonLoader-bgColor: #
|
|
1460
|
+
--skeletonLoader-bgColor: #2a313c;
|
|
1461
1461
|
--timelineBadge-bgColor: #212830;
|
|
1462
1462
|
--treeViewItem-leadingVisual-iconColor-rest: #b7bdc8;
|
|
1463
1463
|
--underlineNav-borderColor-active: #ff967d;
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
--selectMenu-borderColor: #3d444d;
|
|
599
599
|
--selectMenu-bgColor-active: #0c2d6b;
|
|
600
600
|
--sideNav-bgColor-selected: #212830;
|
|
601
|
-
--skeletonLoader-bgColor: #
|
|
601
|
+
--skeletonLoader-bgColor: #656c7633;
|
|
602
602
|
--timelineBadge-bgColor: #212830;
|
|
603
603
|
--treeViewItem-leadingVisual-iconColor-rest: #9198a1;
|
|
604
604
|
--underlineNav-borderColor-active: #f78166;
|
|
@@ -1457,7 +1457,7 @@
|
|
|
1457
1457
|
--selectMenu-borderColor: #3d444d;
|
|
1458
1458
|
--selectMenu-bgColor-active: #0c2d6b;
|
|
1459
1459
|
--sideNav-bgColor-selected: #212830;
|
|
1460
|
-
--skeletonLoader-bgColor: #
|
|
1460
|
+
--skeletonLoader-bgColor: #656c7633;
|
|
1461
1461
|
--timelineBadge-bgColor: #212830;
|
|
1462
1462
|
--treeViewItem-leadingVisual-iconColor-rest: #9198a1;
|
|
1463
1463
|
--underlineNav-borderColor-active: #f78166;
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
--selectMenu-borderColor: #3d444d;
|
|
599
599
|
--selectMenu-bgColor-active: #0c2d6b;
|
|
600
600
|
--sideNav-bgColor-selected: #212830;
|
|
601
|
-
--skeletonLoader-bgColor: #
|
|
601
|
+
--skeletonLoader-bgColor: #656c7633;
|
|
602
602
|
--timelineBadge-bgColor: #212830;
|
|
603
603
|
--treeViewItem-leadingVisual-iconColor-rest: #9198a1;
|
|
604
604
|
--underlineNav-borderColor-active: #f78166;
|
|
@@ -1457,7 +1457,7 @@
|
|
|
1457
1457
|
--selectMenu-borderColor: #3d444d;
|
|
1458
1458
|
--selectMenu-bgColor-active: #0c2d6b;
|
|
1459
1459
|
--sideNav-bgColor-selected: #212830;
|
|
1460
|
-
--skeletonLoader-bgColor: #
|
|
1460
|
+
--skeletonLoader-bgColor: #656c7633;
|
|
1461
1461
|
--timelineBadge-bgColor: #212830;
|
|
1462
1462
|
--treeViewItem-leadingVisual-iconColor-rest: #9198a1;
|
|
1463
1463
|
--underlineNav-borderColor-active: #f78166;
|
|
@@ -599,7 +599,7 @@
|
|
|
599
599
|
--selectMenu-borderColor: #ffffff00;
|
|
600
600
|
--selectMenu-bgColor-active: #b6e3ff;
|
|
601
601
|
--sideNav-bgColor-selected: #ffffff;
|
|
602
|
-
--skeletonLoader-bgColor: #
|
|
602
|
+
--skeletonLoader-bgColor: #818b981a;
|
|
603
603
|
--timelineBadge-bgColor: #f6f8fa;
|
|
604
604
|
--treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
|
605
605
|
--underlineNav-borderColor-active: #fd8c73;
|
|
@@ -1458,7 +1458,7 @@
|
|
|
1458
1458
|
--selectMenu-borderColor: #ffffff00;
|
|
1459
1459
|
--selectMenu-bgColor-active: #b6e3ff;
|
|
1460
1460
|
--sideNav-bgColor-selected: #ffffff;
|
|
1461
|
-
--skeletonLoader-bgColor: #
|
|
1461
|
+
--skeletonLoader-bgColor: #818b981a;
|
|
1462
1462
|
--timelineBadge-bgColor: #f6f8fa;
|
|
1463
1463
|
--treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
|
1464
1464
|
--underlineNav-borderColor-active: #fd8c73;
|
|
@@ -599,7 +599,7 @@
|
|
|
599
599
|
--selectMenu-borderColor: #ffffff00;
|
|
600
600
|
--selectMenu-bgColor-active: #9cd7ff;
|
|
601
601
|
--sideNav-bgColor-selected: #ffffff;
|
|
602
|
-
--skeletonLoader-bgColor: #
|
|
602
|
+
--skeletonLoader-bgColor: #dae0e7;
|
|
603
603
|
--timelineBadge-bgColor: #e6eaef;
|
|
604
604
|
--treeViewItem-leadingVisual-iconColor-rest: #368cf9;
|
|
605
605
|
--underlineNav-borderColor-active: #cd3425;
|
|
@@ -1458,7 +1458,7 @@
|
|
|
1458
1458
|
--selectMenu-borderColor: #ffffff00;
|
|
1459
1459
|
--selectMenu-bgColor-active: #9cd7ff;
|
|
1460
1460
|
--sideNav-bgColor-selected: #ffffff;
|
|
1461
|
-
--skeletonLoader-bgColor: #
|
|
1461
|
+
--skeletonLoader-bgColor: #dae0e7;
|
|
1462
1462
|
--timelineBadge-bgColor: #e6eaef;
|
|
1463
1463
|
--treeViewItem-leadingVisual-iconColor-rest: #368cf9;
|
|
1464
1464
|
--underlineNav-borderColor-active: #cd3425;
|
|
@@ -599,7 +599,7 @@
|
|
|
599
599
|
--selectMenu-borderColor: #ffffff00;
|
|
600
600
|
--selectMenu-bgColor-active: #b6e3ff;
|
|
601
601
|
--sideNav-bgColor-selected: #ffffff;
|
|
602
|
-
--skeletonLoader-bgColor: #
|
|
602
|
+
--skeletonLoader-bgColor: #818b981a;
|
|
603
603
|
--timelineBadge-bgColor: #f6f8fa;
|
|
604
604
|
--treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
|
605
605
|
--underlineNav-borderColor-active: #fd8c73;
|
|
@@ -1458,7 +1458,7 @@
|
|
|
1458
1458
|
--selectMenu-borderColor: #ffffff00;
|
|
1459
1459
|
--selectMenu-bgColor-active: #b6e3ff;
|
|
1460
1460
|
--sideNav-bgColor-selected: #ffffff;
|
|
1461
|
-
--skeletonLoader-bgColor: #
|
|
1461
|
+
--skeletonLoader-bgColor: #818b981a;
|
|
1462
1462
|
--timelineBadge-bgColor: #f6f8fa;
|
|
1463
1463
|
--treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
|
1464
1464
|
--underlineNav-borderColor-active: #fd8c73;
|
|
@@ -599,7 +599,7 @@
|
|
|
599
599
|
--selectMenu-borderColor: #ffffff00;
|
|
600
600
|
--selectMenu-bgColor-active: #b6e3ff;
|
|
601
601
|
--sideNav-bgColor-selected: #ffffff;
|
|
602
|
-
--skeletonLoader-bgColor: #
|
|
602
|
+
--skeletonLoader-bgColor: #818b981a;
|
|
603
603
|
--timelineBadge-bgColor: #f6f8fa;
|
|
604
604
|
--treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
|
605
605
|
--underlineNav-borderColor-active: #fd8c73;
|
|
@@ -1458,7 +1458,7 @@
|
|
|
1458
1458
|
--selectMenu-borderColor: #ffffff00;
|
|
1459
1459
|
--selectMenu-bgColor-active: #b6e3ff;
|
|
1460
1460
|
--sideNav-bgColor-selected: #ffffff;
|
|
1461
|
-
--skeletonLoader-bgColor: #
|
|
1461
|
+
--skeletonLoader-bgColor: #818b981a;
|
|
1462
1462
|
--timelineBadge-bgColor: #f6f8fa;
|
|
1463
1463
|
--treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
|
1464
1464
|
--underlineNav-borderColor-active: #fd8c73;
|
|
@@ -8704,7 +8704,7 @@
|
|
|
8704
8704
|
"path": ["reactionButton", "selected", "bgColor", "rest"]
|
|
8705
8705
|
},
|
|
8706
8706
|
"reactionButton-selected-bgColor-hover": {
|
|
8707
|
-
"value": "#
|
|
8707
|
+
"value": "#3a8cfd5c",
|
|
8708
8708
|
"$type": "color",
|
|
8709
8709
|
"$extensions": {
|
|
8710
8710
|
"org.primer.figma": {
|
|
@@ -9033,13 +9033,31 @@
|
|
|
9033
9033
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9034
9034
|
},
|
|
9035
9035
|
"skeletonLoader-bgColor": {
|
|
9036
|
-
"value": "#
|
|
9036
|
+
"value": "#656c7633",
|
|
9037
9037
|
"$type": "color",
|
|
9038
|
+
"$extensions": {
|
|
9039
|
+
"org.primer.figma": {
|
|
9040
|
+
"collection": "mode",
|
|
9041
|
+
"mode": "dark",
|
|
9042
|
+
"group": "component",
|
|
9043
|
+
"scopes": ["bgColor"]
|
|
9044
|
+
}
|
|
9045
|
+
},
|
|
9046
|
+
"alpha": 0.2,
|
|
9038
9047
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9039
9048
|
"isSource": true,
|
|
9040
9049
|
"original": {
|
|
9041
|
-
"value": "{
|
|
9042
|
-
"$type": "color"
|
|
9050
|
+
"value": "{base.color.neutral.8}",
|
|
9051
|
+
"$type": "color",
|
|
9052
|
+
"$extensions": {
|
|
9053
|
+
"org.primer.figma": {
|
|
9054
|
+
"collection": "mode",
|
|
9055
|
+
"mode": "dark",
|
|
9056
|
+
"group": "component",
|
|
9057
|
+
"scopes": ["bgColor"]
|
|
9058
|
+
}
|
|
9059
|
+
},
|
|
9060
|
+
"alpha": 0.2
|
|
9043
9061
|
},
|
|
9044
9062
|
"name": "skeletonLoader-bgColor",
|
|
9045
9063
|
"attributes": {},
|
|
@@ -8710,7 +8710,7 @@
|
|
|
8710
8710
|
"path": ["reactionButton", "selected", "bgColor", "rest"]
|
|
8711
8711
|
},
|
|
8712
8712
|
"reactionButton-selected-bgColor-hover": {
|
|
8713
|
-
"value": "#
|
|
8713
|
+
"value": "#4285e55c",
|
|
8714
8714
|
"$type": "color",
|
|
8715
8715
|
"$extensions": {
|
|
8716
8716
|
"org.primer.figma": {
|
|
@@ -9039,13 +9039,31 @@
|
|
|
9039
9039
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9040
9040
|
},
|
|
9041
9041
|
"skeletonLoader-bgColor": {
|
|
9042
|
-
"value": "#
|
|
9042
|
+
"value": "#656c7633",
|
|
9043
9043
|
"$type": "color",
|
|
9044
|
+
"$extensions": {
|
|
9045
|
+
"org.primer.figma": {
|
|
9046
|
+
"collection": "mode",
|
|
9047
|
+
"mode": "dark",
|
|
9048
|
+
"group": "component",
|
|
9049
|
+
"scopes": ["bgColor"]
|
|
9050
|
+
}
|
|
9051
|
+
},
|
|
9052
|
+
"alpha": 0.2,
|
|
9044
9053
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9045
9054
|
"isSource": true,
|
|
9046
9055
|
"original": {
|
|
9047
|
-
"value": "{
|
|
9048
|
-
"$type": "color"
|
|
9056
|
+
"value": "{base.color.neutral.8}",
|
|
9057
|
+
"$type": "color",
|
|
9058
|
+
"$extensions": {
|
|
9059
|
+
"org.primer.figma": {
|
|
9060
|
+
"collection": "mode",
|
|
9061
|
+
"mode": "dark",
|
|
9062
|
+
"group": "component",
|
|
9063
|
+
"scopes": ["bgColor"]
|
|
9064
|
+
}
|
|
9065
|
+
},
|
|
9066
|
+
"alpha": 0.2
|
|
9049
9067
|
},
|
|
9050
9068
|
"name": "skeletonLoader-bgColor",
|
|
9051
9069
|
"attributes": {},
|
|
@@ -8740,7 +8740,7 @@
|
|
|
8740
8740
|
"path": ["reactionButton", "selected", "bgColor", "rest"]
|
|
8741
8741
|
},
|
|
8742
8742
|
"reactionButton-selected-bgColor-hover": {
|
|
8743
|
-
"value": "#
|
|
8743
|
+
"value": "#5dadff5c",
|
|
8744
8744
|
"$type": "color",
|
|
8745
8745
|
"$extensions": {
|
|
8746
8746
|
"org.primer.figma": {
|
|
@@ -9071,13 +9071,31 @@
|
|
|
9071
9071
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9072
9072
|
},
|
|
9073
9073
|
"skeletonLoader-bgColor": {
|
|
9074
|
-
"value": "#
|
|
9074
|
+
"value": "#2a313c",
|
|
9075
9075
|
"$type": "color",
|
|
9076
|
-
"
|
|
9076
|
+
"$extensions": {
|
|
9077
|
+
"org.primer.figma": {
|
|
9078
|
+
"collection": "mode",
|
|
9079
|
+
"mode": "dark",
|
|
9080
|
+
"group": "component",
|
|
9081
|
+
"scopes": ["bgColor"]
|
|
9082
|
+
}
|
|
9083
|
+
},
|
|
9084
|
+
"alpha": 1,
|
|
9085
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
9077
9086
|
"isSource": true,
|
|
9078
9087
|
"original": {
|
|
9079
|
-
"value": "{
|
|
9080
|
-
"$type": "color"
|
|
9088
|
+
"value": "{base.color.neutral.5}",
|
|
9089
|
+
"$type": "color",
|
|
9090
|
+
"$extensions": {
|
|
9091
|
+
"org.primer.figma": {
|
|
9092
|
+
"collection": "mode",
|
|
9093
|
+
"mode": "dark",
|
|
9094
|
+
"group": "component",
|
|
9095
|
+
"scopes": ["bgColor"]
|
|
9096
|
+
}
|
|
9097
|
+
},
|
|
9098
|
+
"alpha": 1
|
|
9081
9099
|
},
|
|
9082
9100
|
"name": "skeletonLoader-bgColor",
|
|
9083
9101
|
"attributes": {},
|
|
@@ -8710,7 +8710,7 @@
|
|
|
8710
8710
|
"path": ["reactionButton", "selected", "bgColor", "rest"]
|
|
8711
8711
|
},
|
|
8712
8712
|
"reactionButton-selected-bgColor-hover": {
|
|
8713
|
-
"value": "#
|
|
8713
|
+
"value": "#3a8cfd5c",
|
|
8714
8714
|
"$type": "color",
|
|
8715
8715
|
"$extensions": {
|
|
8716
8716
|
"org.primer.figma": {
|
|
@@ -9039,13 +9039,31 @@
|
|
|
9039
9039
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9040
9040
|
},
|
|
9041
9041
|
"skeletonLoader-bgColor": {
|
|
9042
|
-
"value": "#
|
|
9042
|
+
"value": "#656c7633",
|
|
9043
9043
|
"$type": "color",
|
|
9044
|
+
"$extensions": {
|
|
9045
|
+
"org.primer.figma": {
|
|
9046
|
+
"collection": "mode",
|
|
9047
|
+
"mode": "dark",
|
|
9048
|
+
"group": "component",
|
|
9049
|
+
"scopes": ["bgColor"]
|
|
9050
|
+
}
|
|
9051
|
+
},
|
|
9052
|
+
"alpha": 0.2,
|
|
9044
9053
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9045
9054
|
"isSource": true,
|
|
9046
9055
|
"original": {
|
|
9047
|
-
"value": "{
|
|
9048
|
-
"$type": "color"
|
|
9056
|
+
"value": "{base.color.neutral.8}",
|
|
9057
|
+
"$type": "color",
|
|
9058
|
+
"$extensions": {
|
|
9059
|
+
"org.primer.figma": {
|
|
9060
|
+
"collection": "mode",
|
|
9061
|
+
"mode": "dark",
|
|
9062
|
+
"group": "component",
|
|
9063
|
+
"scopes": ["bgColor"]
|
|
9064
|
+
}
|
|
9065
|
+
},
|
|
9066
|
+
"alpha": 0.2
|
|
9049
9067
|
},
|
|
9050
9068
|
"name": "skeletonLoader-bgColor",
|
|
9051
9069
|
"attributes": {},
|
|
@@ -8710,7 +8710,7 @@
|
|
|
8710
8710
|
"path": ["reactionButton", "selected", "bgColor", "rest"]
|
|
8711
8711
|
},
|
|
8712
8712
|
"reactionButton-selected-bgColor-hover": {
|
|
8713
|
-
"value": "#
|
|
8713
|
+
"value": "#3a8cfd5c",
|
|
8714
8714
|
"$type": "color",
|
|
8715
8715
|
"$extensions": {
|
|
8716
8716
|
"org.primer.figma": {
|
|
@@ -9039,13 +9039,31 @@
|
|
|
9039
9039
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9040
9040
|
},
|
|
9041
9041
|
"skeletonLoader-bgColor": {
|
|
9042
|
-
"value": "#
|
|
9042
|
+
"value": "#656c7633",
|
|
9043
9043
|
"$type": "color",
|
|
9044
|
+
"$extensions": {
|
|
9045
|
+
"org.primer.figma": {
|
|
9046
|
+
"collection": "mode",
|
|
9047
|
+
"mode": "dark",
|
|
9048
|
+
"group": "component",
|
|
9049
|
+
"scopes": ["bgColor"]
|
|
9050
|
+
}
|
|
9051
|
+
},
|
|
9052
|
+
"alpha": 0.2,
|
|
9044
9053
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9045
9054
|
"isSource": true,
|
|
9046
9055
|
"original": {
|
|
9047
|
-
"value": "{
|
|
9048
|
-
"$type": "color"
|
|
9056
|
+
"value": "{base.color.neutral.8}",
|
|
9057
|
+
"$type": "color",
|
|
9058
|
+
"$extensions": {
|
|
9059
|
+
"org.primer.figma": {
|
|
9060
|
+
"collection": "mode",
|
|
9061
|
+
"mode": "dark",
|
|
9062
|
+
"group": "component",
|
|
9063
|
+
"scopes": ["bgColor"]
|
|
9064
|
+
}
|
|
9065
|
+
},
|
|
9066
|
+
"alpha": 0.2
|
|
9049
9067
|
},
|
|
9050
9068
|
"name": "skeletonLoader-bgColor",
|
|
9051
9069
|
"attributes": {},
|