@primer/primitives 7.17.0-rc.a85cfb75 → 7.17.0-rc.ac784da5
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/build.js +578 -0
- package/dist/css/functional/themes/dark-colorblind.css +0 -10
- package/dist/css/functional/themes/dark-dimmed.css +0 -10
- package/dist/css/functional/themes/dark-high-contrast.css +0 -10
- package/dist/css/functional/themes/dark-tritanopia.css +0 -10
- package/dist/css/functional/themes/dark.css +0 -10
- package/dist/css/functional/themes/light-colorblind.css +0 -10
- package/dist/css/functional/themes/light-high-contrast.css +0 -10
- package/dist/css/functional/themes/light-tritanopia.css +0 -10
- package/dist/css/functional/themes/light.css +0 -10
- package/dist/docs/functional/themes/dark-colorblind.json +0 -145
- package/dist/docs/functional/themes/dark-dimmed.json +0 -145
- package/dist/docs/functional/themes/dark-high-contrast.json +0 -145
- package/dist/docs/functional/themes/dark-tritanopia.json +0 -145
- package/dist/docs/functional/themes/dark.json +0 -145
- package/dist/docs/functional/themes/light-colorblind.json +0 -145
- package/dist/docs/functional/themes/light-high-contrast.json +0 -145
- package/dist/docs/functional/themes/light-tritanopia.json +0 -145
- package/dist/docs/functional/themes/light.json +0 -145
- package/dist/docs/functional/typography/typography.json +3 -39
- package/dist/figma/figma.json +1 -10
- package/dist/figma/themes/dark-colorblind.json +0 -80
- package/dist/figma/themes/dark-dimmed.json +0 -80
- package/dist/figma/themes/dark-high-contrast.json +0 -80
- package/dist/figma/themes/dark-tritanopia.json +0 -80
- package/dist/figma/themes/dark.json +0 -80
- package/dist/figma/themes/light-colorblind.json +0 -80
- package/dist/figma/themes/light-high-contrast.json +0 -80
- package/dist/figma/themes/light-tritanopia.json +0 -80
- package/dist/figma/themes/light.json +0 -80
- package/dist/internalCss/dark-colorblind.css +0 -10
- package/dist/internalCss/dark-dimmed.css +0 -10
- package/dist/internalCss/dark-high-contrast.css +0 -10
- package/dist/internalCss/dark-tritanopia.css +0 -10
- package/dist/internalCss/dark.css +0 -10
- package/dist/internalCss/light-colorblind.css +0 -10
- package/dist/internalCss/light-high-contrast.css +0 -10
- package/dist/internalCss/light-tritanopia.css +0 -10
- package/dist/internalCss/light.css +0 -10
- package/dist/styleLint/functional/themes/dark-colorblind.json +0 -145
- package/dist/styleLint/functional/themes/dark-dimmed.json +0 -145
- package/dist/styleLint/functional/themes/dark-high-contrast.json +0 -145
- package/dist/styleLint/functional/themes/dark-tritanopia.json +0 -145
- package/dist/styleLint/functional/themes/dark.json +0 -145
- package/dist/styleLint/functional/themes/light-colorblind.json +0 -145
- package/dist/styleLint/functional/themes/light-high-contrast.json +0 -145
- package/dist/styleLint/functional/themes/light-tritanopia.json +0 -145
- package/dist/styleLint/functional/themes/light.json +0 -145
- package/dist/styleLint/functional/typography/typography.json +3 -39
- package/package.json +11 -4
- package/src/PrimerStyleDictionary.ts +0 -6
- package/src/filters/index.ts +0 -1
- package/src/formats/jsonFigma.ts +0 -1
- package/src/platforms/figma.ts +1 -3
- package/src/tokens/functional/color/dark/display-dark.json5 +0 -66
- package/src/tokens/functional/color/light/display-light.json5 +0 -66
- package/src/tokens/functional/typography/typography.json +3 -21
- package/src/transformers/fontFamilyToCss.ts +3 -2
- package/src/transformers/fontFamilyToFigma.ts +0 -12
- package/src/transformers/index.ts +0 -1
- package/tokens/base/size/size.json +57 -0
- package/tokens/base/typography/typography.json +20 -0
- package/tokens/functional/size/border.json +48 -0
- package/tokens/functional/size/breakpoints.json +24 -0
- package/tokens/functional/size/size-coarse.json +27 -0
- package/tokens/functional/size/size-fine.json +27 -0
- package/tokens/functional/size/size.json +189 -0
- package/tokens/functional/size/viewport.json +24 -0
- package/tokens/functional/typography/typography.json +213 -0
- package/tokens/removed/color.json +421 -0
- package/tokens-v2-private/css/tokens/base/size/size.css +24 -0
- package/tokens-v2-private/css/tokens/base/typography/typography.css +11 -0
- package/tokens-v2-private/css/tokens/functional/size/border.css +17 -0
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +13 -0
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +11 -0
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +11 -0
- package/tokens-v2-private/css/tokens/functional/size/size.css +54 -0
- package/tokens-v2-private/css/tokens/functional/size/viewport.css +6 -0
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +47 -0
- package/tokens-v2-private/docs/docValues.json +2209 -0
- package/tokens-v2-private/js/module/tokens/base/size/size.js +266 -0
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +77 -0
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +165 -0
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +101 -0
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +73 -0
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +73 -0
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +824 -0
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +101 -0
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +809 -0
- package/tokens-v2-private/js/tokens/base/size/size.js +22 -0
- package/tokens-v2-private/js/tokens/base/typography/typography.js +9 -0
- package/tokens-v2-private/js/tokens/functional/size/border.js +15 -0
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +11 -0
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +8 -0
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +8 -0
- package/tokens-v2-private/js/tokens/functional/size/size.js +52 -0
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +11 -0
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +45 -0
- package/tokens-v2-private/scss/tokens/base/size/size.scss +21 -0
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +8 -0
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +14 -0
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +10 -0
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +7 -0
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +7 -0
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +51 -0
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +10 -0
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +44 -0
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +31 -0
- package/tokens-v2-private/ts/tokens/base/size/size.js +30 -0
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +20 -0
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +19 -0
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +28 -0
- package/tokens-v2-private/ts/tokens/functional/size/border.js +27 -0
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +20 -0
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +19 -0
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +29 -0
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +28 -0
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +29 -0
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +28 -0
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +103 -0
- package/tokens-v2-private/ts/tokens/functional/size/size.js +102 -0
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +20 -0
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +19 -0
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +131 -0
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +130 -0
- package/dist/figma/typography/typography.json +0 -32
- package/src/filters/isNumber.ts +0 -8
- package/src/transformers/floatToPixel.ts +0 -33
- package/src/transformers/utilities/hasSpaceInString.ts +0 -6
|
@@ -132,11 +132,6 @@
|
|
|
132
132
|
--display-indigo-fgColor: #494edf;
|
|
133
133
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
134
134
|
--display-indigo-borderColor-emphasis: #5a61e7;
|
|
135
|
-
--display-pink-bgColor-muted: #ffe5f1;
|
|
136
|
-
--display-pink-bgColor-emphasis: #ce2c85;
|
|
137
|
-
--display-pink-fgColor: #b12f79;
|
|
138
|
-
--display-pink-borderColor-muted: #fdc9e2;
|
|
139
|
-
--display-pink-borderColor-emphasis: #ce2c85;
|
|
140
135
|
--avatar-bgColor: #ffffff;
|
|
141
136
|
--avatar-borderColor: #1f232826;
|
|
142
137
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -675,11 +670,6 @@
|
|
|
675
670
|
--display-indigo-fgColor: #494edf;
|
|
676
671
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
677
672
|
--display-indigo-borderColor-emphasis: #5a61e7;
|
|
678
|
-
--display-pink-bgColor-muted: #ffe5f1;
|
|
679
|
-
--display-pink-bgColor-emphasis: #ce2c85;
|
|
680
|
-
--display-pink-fgColor: #b12f79;
|
|
681
|
-
--display-pink-borderColor-muted: #fdc9e2;
|
|
682
|
-
--display-pink-borderColor-emphasis: #ce2c85;
|
|
683
673
|
--avatar-bgColor: #ffffff;
|
|
684
674
|
--avatar-borderColor: #1f232826;
|
|
685
675
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -132,11 +132,6 @@
|
|
|
132
132
|
--display-indigo-fgColor: #494edf;
|
|
133
133
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
134
134
|
--display-indigo-borderColor-emphasis: #5a61e7;
|
|
135
|
-
--display-pink-bgColor-muted: #ffe5f1;
|
|
136
|
-
--display-pink-bgColor-emphasis: #ce2c85;
|
|
137
|
-
--display-pink-fgColor: #b12f79;
|
|
138
|
-
--display-pink-borderColor-muted: #fdc9e2;
|
|
139
|
-
--display-pink-borderColor-emphasis: #ce2c85;
|
|
140
135
|
--avatar-bgColor: #ffffff;
|
|
141
136
|
--avatar-borderColor: #010409e6;
|
|
142
137
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -675,11 +670,6 @@
|
|
|
675
670
|
--display-indigo-fgColor: #494edf;
|
|
676
671
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
677
672
|
--display-indigo-borderColor-emphasis: #5a61e7;
|
|
678
|
-
--display-pink-bgColor-muted: #ffe5f1;
|
|
679
|
-
--display-pink-bgColor-emphasis: #ce2c85;
|
|
680
|
-
--display-pink-fgColor: #b12f79;
|
|
681
|
-
--display-pink-borderColor-muted: #fdc9e2;
|
|
682
|
-
--display-pink-borderColor-emphasis: #ce2c85;
|
|
683
673
|
--avatar-bgColor: #ffffff;
|
|
684
674
|
--avatar-borderColor: #010409e6;
|
|
685
675
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -132,11 +132,6 @@
|
|
|
132
132
|
--display-indigo-fgColor: #494edf;
|
|
133
133
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
134
134
|
--display-indigo-borderColor-emphasis: #5a61e7;
|
|
135
|
-
--display-pink-bgColor-muted: #ffe5f1;
|
|
136
|
-
--display-pink-bgColor-emphasis: #ce2c85;
|
|
137
|
-
--display-pink-fgColor: #b12f79;
|
|
138
|
-
--display-pink-borderColor-muted: #fdc9e2;
|
|
139
|
-
--display-pink-borderColor-emphasis: #ce2c85;
|
|
140
135
|
--avatar-bgColor: #ffffff;
|
|
141
136
|
--avatar-borderColor: #1f232826;
|
|
142
137
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -675,11 +670,6 @@
|
|
|
675
670
|
--display-indigo-fgColor: #494edf;
|
|
676
671
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
677
672
|
--display-indigo-borderColor-emphasis: #5a61e7;
|
|
678
|
-
--display-pink-bgColor-muted: #ffe5f1;
|
|
679
|
-
--display-pink-bgColor-emphasis: #ce2c85;
|
|
680
|
-
--display-pink-fgColor: #b12f79;
|
|
681
|
-
--display-pink-borderColor-muted: #fdc9e2;
|
|
682
|
-
--display-pink-borderColor-emphasis: #ce2c85;
|
|
683
673
|
--avatar-bgColor: #ffffff;
|
|
684
674
|
--avatar-borderColor: #1f232826;
|
|
685
675
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -132,11 +132,6 @@
|
|
|
132
132
|
--display-indigo-fgColor: #494edf;
|
|
133
133
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
134
134
|
--display-indigo-borderColor-emphasis: #5a61e7;
|
|
135
|
-
--display-pink-bgColor-muted: #ffe5f1;
|
|
136
|
-
--display-pink-bgColor-emphasis: #ce2c85;
|
|
137
|
-
--display-pink-fgColor: #b12f79;
|
|
138
|
-
--display-pink-borderColor-muted: #fdc9e2;
|
|
139
|
-
--display-pink-borderColor-emphasis: #ce2c85;
|
|
140
135
|
--avatar-bgColor: #ffffff;
|
|
141
136
|
--avatar-borderColor: #1f232826;
|
|
142
137
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -675,11 +670,6 @@
|
|
|
675
670
|
--display-indigo-fgColor: #494edf;
|
|
676
671
|
--display-indigo-borderColor-muted: #d2d7fe;
|
|
677
672
|
--display-indigo-borderColor-emphasis: #5a61e7;
|
|
678
|
-
--display-pink-bgColor-muted: #ffe5f1;
|
|
679
|
-
--display-pink-bgColor-emphasis: #ce2c85;
|
|
680
|
-
--display-pink-fgColor: #b12f79;
|
|
681
|
-
--display-pink-borderColor-muted: #fdc9e2;
|
|
682
|
-
--display-pink-borderColor-emphasis: #ce2c85;
|
|
683
673
|
--avatar-bgColor: #ffffff;
|
|
684
674
|
--avatar-borderColor: #1f232826;
|
|
685
675
|
--avatar-shadow: 0px 0px 0px 2px #ffffffcc;
|
|
@@ -3791,151 +3791,6 @@
|
|
|
3791
3791
|
"attributes": {},
|
|
3792
3792
|
"path": ["display", "indigo", "borderColor", "emphasis"]
|
|
3793
3793
|
},
|
|
3794
|
-
"display-pink-bgColor-muted": {
|
|
3795
|
-
"value": "#2d1524",
|
|
3796
|
-
"$type": "color",
|
|
3797
|
-
"$extensions": {
|
|
3798
|
-
"org.primer.figma": {
|
|
3799
|
-
"collection": "mode",
|
|
3800
|
-
"mode": "light",
|
|
3801
|
-
"group": "component (internal)",
|
|
3802
|
-
"scopes": ["bgColor"]
|
|
3803
|
-
}
|
|
3804
|
-
},
|
|
3805
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3806
|
-
"isSource": true,
|
|
3807
|
-
"original": {
|
|
3808
|
-
"value": "{base.display.color.pink.0}",
|
|
3809
|
-
"$type": "color",
|
|
3810
|
-
"$extensions": {
|
|
3811
|
-
"org.primer.figma": {
|
|
3812
|
-
"collection": "mode",
|
|
3813
|
-
"mode": "light",
|
|
3814
|
-
"group": "component (internal)",
|
|
3815
|
-
"scopes": ["bgColor"]
|
|
3816
|
-
}
|
|
3817
|
-
}
|
|
3818
|
-
},
|
|
3819
|
-
"name": "display-pink-bgColor-muted",
|
|
3820
|
-
"attributes": {},
|
|
3821
|
-
"path": ["display", "pink", "bgColor", "muted"]
|
|
3822
|
-
},
|
|
3823
|
-
"display-pink-bgColor-emphasis": {
|
|
3824
|
-
"value": "#d34591",
|
|
3825
|
-
"$type": "color",
|
|
3826
|
-
"$extensions": {
|
|
3827
|
-
"org.primer.figma": {
|
|
3828
|
-
"collection": "mode",
|
|
3829
|
-
"mode": "light",
|
|
3830
|
-
"group": "component (internal)",
|
|
3831
|
-
"scopes": ["bgColor"]
|
|
3832
|
-
}
|
|
3833
|
-
},
|
|
3834
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3835
|
-
"isSource": true,
|
|
3836
|
-
"original": {
|
|
3837
|
-
"value": "{base.display.color.pink.5}",
|
|
3838
|
-
"$type": "color",
|
|
3839
|
-
"$extensions": {
|
|
3840
|
-
"org.primer.figma": {
|
|
3841
|
-
"collection": "mode",
|
|
3842
|
-
"mode": "light",
|
|
3843
|
-
"group": "component (internal)",
|
|
3844
|
-
"scopes": ["bgColor"]
|
|
3845
|
-
}
|
|
3846
|
-
}
|
|
3847
|
-
},
|
|
3848
|
-
"name": "display-pink-bgColor-emphasis",
|
|
3849
|
-
"attributes": {},
|
|
3850
|
-
"path": ["display", "pink", "bgColor", "emphasis"]
|
|
3851
|
-
},
|
|
3852
|
-
"display-pink-fgColor": {
|
|
3853
|
-
"value": "#e57bb2",
|
|
3854
|
-
"$type": "color",
|
|
3855
|
-
"$extensions": {
|
|
3856
|
-
"org.primer.figma": {
|
|
3857
|
-
"collection": "mode",
|
|
3858
|
-
"mode": "light",
|
|
3859
|
-
"group": "component (internal)",
|
|
3860
|
-
"scopes": ["fgColor"]
|
|
3861
|
-
}
|
|
3862
|
-
},
|
|
3863
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3864
|
-
"isSource": true,
|
|
3865
|
-
"original": {
|
|
3866
|
-
"value": "{base.display.color.pink.6}",
|
|
3867
|
-
"$type": "color",
|
|
3868
|
-
"$extensions": {
|
|
3869
|
-
"org.primer.figma": {
|
|
3870
|
-
"collection": "mode",
|
|
3871
|
-
"mode": "light",
|
|
3872
|
-
"group": "component (internal)",
|
|
3873
|
-
"scopes": ["fgColor"]
|
|
3874
|
-
}
|
|
3875
|
-
}
|
|
3876
|
-
},
|
|
3877
|
-
"name": "display-pink-fgColor",
|
|
3878
|
-
"attributes": {},
|
|
3879
|
-
"path": ["display", "pink", "fgColor"]
|
|
3880
|
-
},
|
|
3881
|
-
"display-pink-borderColor-muted": {
|
|
3882
|
-
"value": "#451c35",
|
|
3883
|
-
"$type": "color",
|
|
3884
|
-
"$extensions": {
|
|
3885
|
-
"org.primer.figma": {
|
|
3886
|
-
"collection": "mode",
|
|
3887
|
-
"mode": "light",
|
|
3888
|
-
"group": "component (internal)",
|
|
3889
|
-
"scopes": ["borderColor"]
|
|
3890
|
-
}
|
|
3891
|
-
},
|
|
3892
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3893
|
-
"isSource": true,
|
|
3894
|
-
"original": {
|
|
3895
|
-
"value": "{base.display.color.pink.1}",
|
|
3896
|
-
"$type": "color",
|
|
3897
|
-
"$extensions": {
|
|
3898
|
-
"org.primer.figma": {
|
|
3899
|
-
"collection": "mode",
|
|
3900
|
-
"mode": "light",
|
|
3901
|
-
"group": "component (internal)",
|
|
3902
|
-
"scopes": ["borderColor"]
|
|
3903
|
-
}
|
|
3904
|
-
}
|
|
3905
|
-
},
|
|
3906
|
-
"name": "display-pink-borderColor-muted",
|
|
3907
|
-
"attributes": {},
|
|
3908
|
-
"path": ["display", "pink", "borderColor", "muted"]
|
|
3909
|
-
},
|
|
3910
|
-
"display-pink-borderColor-emphasis": {
|
|
3911
|
-
"value": "#d34591",
|
|
3912
|
-
"$type": "color",
|
|
3913
|
-
"$extensions": {
|
|
3914
|
-
"org.primer.figma": {
|
|
3915
|
-
"collection": "mode",
|
|
3916
|
-
"mode": "light",
|
|
3917
|
-
"group": "component (internal)",
|
|
3918
|
-
"scopes": ["borderColor"]
|
|
3919
|
-
}
|
|
3920
|
-
},
|
|
3921
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3922
|
-
"isSource": true,
|
|
3923
|
-
"original": {
|
|
3924
|
-
"value": "{base.display.color.pink.5}",
|
|
3925
|
-
"$type": "color",
|
|
3926
|
-
"$extensions": {
|
|
3927
|
-
"org.primer.figma": {
|
|
3928
|
-
"collection": "mode",
|
|
3929
|
-
"mode": "light",
|
|
3930
|
-
"group": "component (internal)",
|
|
3931
|
-
"scopes": ["borderColor"]
|
|
3932
|
-
}
|
|
3933
|
-
}
|
|
3934
|
-
},
|
|
3935
|
-
"name": "display-pink-borderColor-emphasis",
|
|
3936
|
-
"attributes": {},
|
|
3937
|
-
"path": ["display", "pink", "borderColor", "emphasis"]
|
|
3938
|
-
},
|
|
3939
3794
|
"avatar-bgColor": {
|
|
3940
3795
|
"value": "#ffffff1a",
|
|
3941
3796
|
"$type": "color",
|
|
@@ -3791,151 +3791,6 @@
|
|
|
3791
3791
|
"attributes": {},
|
|
3792
3792
|
"path": ["display", "indigo", "borderColor", "emphasis"]
|
|
3793
3793
|
},
|
|
3794
|
-
"display-pink-bgColor-muted": {
|
|
3795
|
-
"value": "#2d1524",
|
|
3796
|
-
"$type": "color",
|
|
3797
|
-
"$extensions": {
|
|
3798
|
-
"org.primer.figma": {
|
|
3799
|
-
"collection": "mode",
|
|
3800
|
-
"mode": "light",
|
|
3801
|
-
"group": "component (internal)",
|
|
3802
|
-
"scopes": ["bgColor"]
|
|
3803
|
-
}
|
|
3804
|
-
},
|
|
3805
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3806
|
-
"isSource": true,
|
|
3807
|
-
"original": {
|
|
3808
|
-
"value": "{base.display.color.pink.0}",
|
|
3809
|
-
"$type": "color",
|
|
3810
|
-
"$extensions": {
|
|
3811
|
-
"org.primer.figma": {
|
|
3812
|
-
"collection": "mode",
|
|
3813
|
-
"mode": "light",
|
|
3814
|
-
"group": "component (internal)",
|
|
3815
|
-
"scopes": ["bgColor"]
|
|
3816
|
-
}
|
|
3817
|
-
}
|
|
3818
|
-
},
|
|
3819
|
-
"name": "display-pink-bgColor-muted",
|
|
3820
|
-
"attributes": {},
|
|
3821
|
-
"path": ["display", "pink", "bgColor", "muted"]
|
|
3822
|
-
},
|
|
3823
|
-
"display-pink-bgColor-emphasis": {
|
|
3824
|
-
"value": "#d34591",
|
|
3825
|
-
"$type": "color",
|
|
3826
|
-
"$extensions": {
|
|
3827
|
-
"org.primer.figma": {
|
|
3828
|
-
"collection": "mode",
|
|
3829
|
-
"mode": "light",
|
|
3830
|
-
"group": "component (internal)",
|
|
3831
|
-
"scopes": ["bgColor"]
|
|
3832
|
-
}
|
|
3833
|
-
},
|
|
3834
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3835
|
-
"isSource": true,
|
|
3836
|
-
"original": {
|
|
3837
|
-
"value": "{base.display.color.pink.5}",
|
|
3838
|
-
"$type": "color",
|
|
3839
|
-
"$extensions": {
|
|
3840
|
-
"org.primer.figma": {
|
|
3841
|
-
"collection": "mode",
|
|
3842
|
-
"mode": "light",
|
|
3843
|
-
"group": "component (internal)",
|
|
3844
|
-
"scopes": ["bgColor"]
|
|
3845
|
-
}
|
|
3846
|
-
}
|
|
3847
|
-
},
|
|
3848
|
-
"name": "display-pink-bgColor-emphasis",
|
|
3849
|
-
"attributes": {},
|
|
3850
|
-
"path": ["display", "pink", "bgColor", "emphasis"]
|
|
3851
|
-
},
|
|
3852
|
-
"display-pink-fgColor": {
|
|
3853
|
-
"value": "#e57bb2",
|
|
3854
|
-
"$type": "color",
|
|
3855
|
-
"$extensions": {
|
|
3856
|
-
"org.primer.figma": {
|
|
3857
|
-
"collection": "mode",
|
|
3858
|
-
"mode": "light",
|
|
3859
|
-
"group": "component (internal)",
|
|
3860
|
-
"scopes": ["fgColor"]
|
|
3861
|
-
}
|
|
3862
|
-
},
|
|
3863
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3864
|
-
"isSource": true,
|
|
3865
|
-
"original": {
|
|
3866
|
-
"value": "{base.display.color.pink.6}",
|
|
3867
|
-
"$type": "color",
|
|
3868
|
-
"$extensions": {
|
|
3869
|
-
"org.primer.figma": {
|
|
3870
|
-
"collection": "mode",
|
|
3871
|
-
"mode": "light",
|
|
3872
|
-
"group": "component (internal)",
|
|
3873
|
-
"scopes": ["fgColor"]
|
|
3874
|
-
}
|
|
3875
|
-
}
|
|
3876
|
-
},
|
|
3877
|
-
"name": "display-pink-fgColor",
|
|
3878
|
-
"attributes": {},
|
|
3879
|
-
"path": ["display", "pink", "fgColor"]
|
|
3880
|
-
},
|
|
3881
|
-
"display-pink-borderColor-muted": {
|
|
3882
|
-
"value": "#451c35",
|
|
3883
|
-
"$type": "color",
|
|
3884
|
-
"$extensions": {
|
|
3885
|
-
"org.primer.figma": {
|
|
3886
|
-
"collection": "mode",
|
|
3887
|
-
"mode": "light",
|
|
3888
|
-
"group": "component (internal)",
|
|
3889
|
-
"scopes": ["borderColor"]
|
|
3890
|
-
}
|
|
3891
|
-
},
|
|
3892
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3893
|
-
"isSource": true,
|
|
3894
|
-
"original": {
|
|
3895
|
-
"value": "{base.display.color.pink.1}",
|
|
3896
|
-
"$type": "color",
|
|
3897
|
-
"$extensions": {
|
|
3898
|
-
"org.primer.figma": {
|
|
3899
|
-
"collection": "mode",
|
|
3900
|
-
"mode": "light",
|
|
3901
|
-
"group": "component (internal)",
|
|
3902
|
-
"scopes": ["borderColor"]
|
|
3903
|
-
}
|
|
3904
|
-
}
|
|
3905
|
-
},
|
|
3906
|
-
"name": "display-pink-borderColor-muted",
|
|
3907
|
-
"attributes": {},
|
|
3908
|
-
"path": ["display", "pink", "borderColor", "muted"]
|
|
3909
|
-
},
|
|
3910
|
-
"display-pink-borderColor-emphasis": {
|
|
3911
|
-
"value": "#d34591",
|
|
3912
|
-
"$type": "color",
|
|
3913
|
-
"$extensions": {
|
|
3914
|
-
"org.primer.figma": {
|
|
3915
|
-
"collection": "mode",
|
|
3916
|
-
"mode": "light",
|
|
3917
|
-
"group": "component (internal)",
|
|
3918
|
-
"scopes": ["borderColor"]
|
|
3919
|
-
}
|
|
3920
|
-
},
|
|
3921
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3922
|
-
"isSource": true,
|
|
3923
|
-
"original": {
|
|
3924
|
-
"value": "{base.display.color.pink.5}",
|
|
3925
|
-
"$type": "color",
|
|
3926
|
-
"$extensions": {
|
|
3927
|
-
"org.primer.figma": {
|
|
3928
|
-
"collection": "mode",
|
|
3929
|
-
"mode": "light",
|
|
3930
|
-
"group": "component (internal)",
|
|
3931
|
-
"scopes": ["borderColor"]
|
|
3932
|
-
}
|
|
3933
|
-
}
|
|
3934
|
-
},
|
|
3935
|
-
"name": "display-pink-borderColor-emphasis",
|
|
3936
|
-
"attributes": {},
|
|
3937
|
-
"path": ["display", "pink", "borderColor", "emphasis"]
|
|
3938
|
-
},
|
|
3939
3794
|
"avatar-bgColor": {
|
|
3940
3795
|
"value": "#cdd9e51a",
|
|
3941
3796
|
"$type": "color",
|
|
@@ -3795,151 +3795,6 @@
|
|
|
3795
3795
|
"attributes": {},
|
|
3796
3796
|
"path": ["display", "indigo", "borderColor", "emphasis"]
|
|
3797
3797
|
},
|
|
3798
|
-
"display-pink-bgColor-muted": {
|
|
3799
|
-
"value": "#2d1524",
|
|
3800
|
-
"$type": "color",
|
|
3801
|
-
"$extensions": {
|
|
3802
|
-
"org.primer.figma": {
|
|
3803
|
-
"collection": "mode",
|
|
3804
|
-
"mode": "light",
|
|
3805
|
-
"group": "component (internal)",
|
|
3806
|
-
"scopes": ["bgColor"]
|
|
3807
|
-
}
|
|
3808
|
-
},
|
|
3809
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3810
|
-
"isSource": true,
|
|
3811
|
-
"original": {
|
|
3812
|
-
"value": "{base.display.color.pink.0}",
|
|
3813
|
-
"$type": "color",
|
|
3814
|
-
"$extensions": {
|
|
3815
|
-
"org.primer.figma": {
|
|
3816
|
-
"collection": "mode",
|
|
3817
|
-
"mode": "light",
|
|
3818
|
-
"group": "component (internal)",
|
|
3819
|
-
"scopes": ["bgColor"]
|
|
3820
|
-
}
|
|
3821
|
-
}
|
|
3822
|
-
},
|
|
3823
|
-
"name": "display-pink-bgColor-muted",
|
|
3824
|
-
"attributes": {},
|
|
3825
|
-
"path": ["display", "pink", "bgColor", "muted"]
|
|
3826
|
-
},
|
|
3827
|
-
"display-pink-bgColor-emphasis": {
|
|
3828
|
-
"value": "#d34591",
|
|
3829
|
-
"$type": "color",
|
|
3830
|
-
"$extensions": {
|
|
3831
|
-
"org.primer.figma": {
|
|
3832
|
-
"collection": "mode",
|
|
3833
|
-
"mode": "light",
|
|
3834
|
-
"group": "component (internal)",
|
|
3835
|
-
"scopes": ["bgColor"]
|
|
3836
|
-
}
|
|
3837
|
-
},
|
|
3838
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3839
|
-
"isSource": true,
|
|
3840
|
-
"original": {
|
|
3841
|
-
"value": "{base.display.color.pink.5}",
|
|
3842
|
-
"$type": "color",
|
|
3843
|
-
"$extensions": {
|
|
3844
|
-
"org.primer.figma": {
|
|
3845
|
-
"collection": "mode",
|
|
3846
|
-
"mode": "light",
|
|
3847
|
-
"group": "component (internal)",
|
|
3848
|
-
"scopes": ["bgColor"]
|
|
3849
|
-
}
|
|
3850
|
-
}
|
|
3851
|
-
},
|
|
3852
|
-
"name": "display-pink-bgColor-emphasis",
|
|
3853
|
-
"attributes": {},
|
|
3854
|
-
"path": ["display", "pink", "bgColor", "emphasis"]
|
|
3855
|
-
},
|
|
3856
|
-
"display-pink-fgColor": {
|
|
3857
|
-
"value": "#e57bb2",
|
|
3858
|
-
"$type": "color",
|
|
3859
|
-
"$extensions": {
|
|
3860
|
-
"org.primer.figma": {
|
|
3861
|
-
"collection": "mode",
|
|
3862
|
-
"mode": "light",
|
|
3863
|
-
"group": "component (internal)",
|
|
3864
|
-
"scopes": ["fgColor"]
|
|
3865
|
-
}
|
|
3866
|
-
},
|
|
3867
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3868
|
-
"isSource": true,
|
|
3869
|
-
"original": {
|
|
3870
|
-
"value": "{base.display.color.pink.6}",
|
|
3871
|
-
"$type": "color",
|
|
3872
|
-
"$extensions": {
|
|
3873
|
-
"org.primer.figma": {
|
|
3874
|
-
"collection": "mode",
|
|
3875
|
-
"mode": "light",
|
|
3876
|
-
"group": "component (internal)",
|
|
3877
|
-
"scopes": ["fgColor"]
|
|
3878
|
-
}
|
|
3879
|
-
}
|
|
3880
|
-
},
|
|
3881
|
-
"name": "display-pink-fgColor",
|
|
3882
|
-
"attributes": {},
|
|
3883
|
-
"path": ["display", "pink", "fgColor"]
|
|
3884
|
-
},
|
|
3885
|
-
"display-pink-borderColor-muted": {
|
|
3886
|
-
"value": "#451c35",
|
|
3887
|
-
"$type": "color",
|
|
3888
|
-
"$extensions": {
|
|
3889
|
-
"org.primer.figma": {
|
|
3890
|
-
"collection": "mode",
|
|
3891
|
-
"mode": "light",
|
|
3892
|
-
"group": "component (internal)",
|
|
3893
|
-
"scopes": ["borderColor"]
|
|
3894
|
-
}
|
|
3895
|
-
},
|
|
3896
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3897
|
-
"isSource": true,
|
|
3898
|
-
"original": {
|
|
3899
|
-
"value": "{base.display.color.pink.1}",
|
|
3900
|
-
"$type": "color",
|
|
3901
|
-
"$extensions": {
|
|
3902
|
-
"org.primer.figma": {
|
|
3903
|
-
"collection": "mode",
|
|
3904
|
-
"mode": "light",
|
|
3905
|
-
"group": "component (internal)",
|
|
3906
|
-
"scopes": ["borderColor"]
|
|
3907
|
-
}
|
|
3908
|
-
}
|
|
3909
|
-
},
|
|
3910
|
-
"name": "display-pink-borderColor-muted",
|
|
3911
|
-
"attributes": {},
|
|
3912
|
-
"path": ["display", "pink", "borderColor", "muted"]
|
|
3913
|
-
},
|
|
3914
|
-
"display-pink-borderColor-emphasis": {
|
|
3915
|
-
"value": "#d34591",
|
|
3916
|
-
"$type": "color",
|
|
3917
|
-
"$extensions": {
|
|
3918
|
-
"org.primer.figma": {
|
|
3919
|
-
"collection": "mode",
|
|
3920
|
-
"mode": "light",
|
|
3921
|
-
"group": "component (internal)",
|
|
3922
|
-
"scopes": ["borderColor"]
|
|
3923
|
-
}
|
|
3924
|
-
},
|
|
3925
|
-
"filePath": "src/tokens/functional/color/dark/display-dark.json5",
|
|
3926
|
-
"isSource": true,
|
|
3927
|
-
"original": {
|
|
3928
|
-
"value": "{base.display.color.pink.5}",
|
|
3929
|
-
"$type": "color",
|
|
3930
|
-
"$extensions": {
|
|
3931
|
-
"org.primer.figma": {
|
|
3932
|
-
"collection": "mode",
|
|
3933
|
-
"mode": "light",
|
|
3934
|
-
"group": "component (internal)",
|
|
3935
|
-
"scopes": ["borderColor"]
|
|
3936
|
-
}
|
|
3937
|
-
}
|
|
3938
|
-
},
|
|
3939
|
-
"name": "display-pink-borderColor-emphasis",
|
|
3940
|
-
"attributes": {},
|
|
3941
|
-
"path": ["display", "pink", "borderColor", "emphasis"]
|
|
3942
|
-
},
|
|
3943
3798
|
"avatar-bgColor": {
|
|
3944
3799
|
"value": "#ffffff1a",
|
|
3945
3800
|
"$type": "color",
|