@primer/primitives 8.2.4-rc.9292002d → 8.2.4-rc.9b05c9b8
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 +8 -8
- 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 +4 -4
- package/dist/docs/functional/themes/dark-dimmed.json +5 -5
- package/dist/docs/functional/themes/dark-high-contrast.json +14 -14
- 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 +3 -3
- 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 +69 -69
- 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 +4 -4
- 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 +8 -8
- 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 +4 -4
- package/dist/styleLint/functional/themes/dark-dimmed.json +5 -5
- package/dist/styleLint/functional/themes/dark-high-contrast.json +14 -14
- 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 +3 -3
- package/dist/styleLint/functional/themes/light-tritanopia.json +2 -2
- package/dist/styleLint/functional/themes/light.json +2 -2
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +16 -0
- package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +4 -0
- package/src/tokens/functional/color/light/primitives-light.json5 +2 -2
|
@@ -12810,7 +12810,7 @@
|
|
|
12810
12810
|
"path": ["fgColor", "link"]
|
|
12811
12811
|
},
|
|
12812
12812
|
"fgColor-neutral": {
|
|
12813
|
-
"value": "#
|
|
12813
|
+
"value": "#b1bac4",
|
|
12814
12814
|
"$type": "color",
|
|
12815
12815
|
"$extensions": {
|
|
12816
12816
|
"org.primer.figma": {
|
|
@@ -12823,7 +12823,7 @@
|
|
|
12823
12823
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12824
12824
|
"isSource": true,
|
|
12825
12825
|
"original": {
|
|
12826
|
-
"value": "{base.color.neutral.
|
|
12826
|
+
"value": "{base.color.neutral.2}",
|
|
12827
12827
|
"$type": "color",
|
|
12828
12828
|
"$extensions": {
|
|
12829
12829
|
"org.primer.figma": {
|
|
@@ -14143,7 +14143,7 @@
|
|
|
14143
14143
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14144
14144
|
"isSource": true,
|
|
14145
14145
|
"original": {
|
|
14146
|
-
"value": "{
|
|
14146
|
+
"value": "{bgColor.done.muted}",
|
|
14147
14147
|
"$type": "color",
|
|
14148
14148
|
"$extensions": {
|
|
14149
14149
|
"org.primer.figma": {
|
|
@@ -14179,7 +14179,7 @@
|
|
|
14179
14179
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14180
14180
|
"isSource": true,
|
|
14181
14181
|
"original": {
|
|
14182
|
-
"value": "{
|
|
14182
|
+
"value": "{bgColor.done.emphasis}",
|
|
14183
14183
|
"$type": "color",
|
|
14184
14184
|
"$extensions": {
|
|
14185
14185
|
"org.primer.figma": {
|
|
@@ -12810,7 +12810,7 @@
|
|
|
12810
12810
|
"path": ["fgColor", "link"]
|
|
12811
12811
|
},
|
|
12812
12812
|
"fgColor-neutral": {
|
|
12813
|
-
"value": "#
|
|
12813
|
+
"value": "#b1bac4",
|
|
12814
12814
|
"$type": "color",
|
|
12815
12815
|
"$extensions": {
|
|
12816
12816
|
"org.primer.figma": {
|
|
@@ -12823,7 +12823,7 @@
|
|
|
12823
12823
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12824
12824
|
"isSource": true,
|
|
12825
12825
|
"original": {
|
|
12826
|
-
"value": "{base.color.neutral.
|
|
12826
|
+
"value": "{base.color.neutral.2}",
|
|
12827
12827
|
"$type": "color",
|
|
12828
12828
|
"$extensions": {
|
|
12829
12829
|
"org.primer.figma": {
|
|
@@ -14035,7 +14035,7 @@
|
|
|
14035
14035
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14036
14036
|
"isSource": true,
|
|
14037
14037
|
"original": {
|
|
14038
|
-
"value": "{
|
|
14038
|
+
"value": "{bgColor.danger.emphasis}",
|
|
14039
14039
|
"$type": "color",
|
|
14040
14040
|
"$extensions": {
|
|
14041
14041
|
"org.primer.figma": {
|
|
@@ -14143,7 +14143,7 @@
|
|
|
14143
14143
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14144
14144
|
"isSource": true,
|
|
14145
14145
|
"original": {
|
|
14146
|
-
"value": "{
|
|
14146
|
+
"value": "{bgColor.done.muted}",
|
|
14147
14147
|
"$type": "color",
|
|
14148
14148
|
"$extensions": {
|
|
14149
14149
|
"org.primer.figma": {
|
|
@@ -14179,7 +14179,7 @@
|
|
|
14179
14179
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14180
14180
|
"isSource": true,
|
|
14181
14181
|
"original": {
|
|
14182
|
-
"value": "{
|
|
14182
|
+
"value": "{bgColor.done.emphasis}",
|
|
14183
14183
|
"$type": "color",
|
|
14184
14184
|
"$extensions": {
|
|
14185
14185
|
"org.primer.figma": {
|
|
@@ -12811,7 +12811,7 @@
|
|
|
12811
12811
|
"path": ["fgColor", "link"]
|
|
12812
12812
|
},
|
|
12813
12813
|
"fgColor-neutral": {
|
|
12814
|
-
"value": "#
|
|
12814
|
+
"value": "#57606a",
|
|
12815
12815
|
"$type": "color",
|
|
12816
12816
|
"$extensions": {
|
|
12817
12817
|
"org.primer.figma": {
|
|
@@ -12824,7 +12824,7 @@
|
|
|
12824
12824
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12825
12825
|
"isSource": true,
|
|
12826
12826
|
"original": {
|
|
12827
|
-
"value": "{base.color.neutral.
|
|
12827
|
+
"value": "{base.color.neutral.6}",
|
|
12828
12828
|
"$type": "color",
|
|
12829
12829
|
"$extensions": {
|
|
12830
12830
|
"org.primer.figma": {
|
|
@@ -12827,7 +12827,7 @@
|
|
|
12827
12827
|
"path": ["fgColor", "link"]
|
|
12828
12828
|
},
|
|
12829
12829
|
"fgColor-neutral": {
|
|
12830
|
-
"value": "#
|
|
12830
|
+
"value": "#343b43",
|
|
12831
12831
|
"$type": "color",
|
|
12832
12832
|
"$extensions": {
|
|
12833
12833
|
"org.primer.figma": {
|
|
@@ -12837,10 +12837,10 @@
|
|
|
12837
12837
|
"scopes": ["fgColor"]
|
|
12838
12838
|
}
|
|
12839
12839
|
},
|
|
12840
|
-
"filePath": "src/tokens/functional/color/light/
|
|
12840
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
12841
12841
|
"isSource": true,
|
|
12842
12842
|
"original": {
|
|
12843
|
-
"value": "{base.color.neutral.
|
|
12843
|
+
"value": "{base.color.neutral.7}",
|
|
12844
12844
|
"$type": "color",
|
|
12845
12845
|
"$extensions": {
|
|
12846
12846
|
"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": {
|
|
@@ -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": {
|
package/package.json
CHANGED
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
$value: '{base.color.neutral.4}',
|
|
20
20
|
$type: 'color',
|
|
21
21
|
},
|
|
22
|
+
neutral: {
|
|
23
|
+
$value: '{base.color.neutral.1}',
|
|
24
|
+
$type: 'color',
|
|
25
|
+
},
|
|
22
26
|
accent: {
|
|
23
27
|
$value: '{base.color.blue.3}',
|
|
24
28
|
$type: 'color',
|
|
@@ -58,6 +62,11 @@
|
|
|
58
62
|
$type: 'color',
|
|
59
63
|
},
|
|
60
64
|
neutral: {
|
|
65
|
+
muted: {
|
|
66
|
+
$value: '{base.color.neutral.5}',
|
|
67
|
+
$type: 'color',
|
|
68
|
+
alpha: 0.4,
|
|
69
|
+
},
|
|
61
70
|
emphasis: {
|
|
62
71
|
$value: '{base.color.neutral.4}',
|
|
63
72
|
$type: 'color',
|
|
@@ -112,6 +121,13 @@
|
|
|
112
121
|
alpha: 0.09,
|
|
113
122
|
},
|
|
114
123
|
},
|
|
124
|
+
upsell: {
|
|
125
|
+
muted: {
|
|
126
|
+
$value: '{bgColor.done.muted}',
|
|
127
|
+
$type: 'color',
|
|
128
|
+
alpha: 0.09,
|
|
129
|
+
},
|
|
130
|
+
},
|
|
115
131
|
sponsors: {
|
|
116
132
|
muted: {
|
|
117
133
|
$value: '{base.color.pink.5}',
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
},
|
|
106
106
|
},
|
|
107
107
|
neutral: {
|
|
108
|
-
$value: '{base.color.neutral.
|
|
108
|
+
$value: '{base.color.neutral.2}',
|
|
109
109
|
$type: 'color',
|
|
110
110
|
$extensions: {
|
|
111
111
|
'org.primer.figma': {
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
alpha: 0.1,
|
|
640
640
|
},
|
|
641
641
|
emphasis: {
|
|
642
|
-
$value: '{
|
|
642
|
+
$value: '{bgColor.danger.emphasis}',
|
|
643
643
|
$type: 'color',
|
|
644
644
|
$extensions: {
|
|
645
645
|
'org.primer.figma': {
|
|
@@ -689,7 +689,7 @@
|
|
|
689
689
|
},
|
|
690
690
|
upsell: {
|
|
691
691
|
muted: {
|
|
692
|
-
$value: '{
|
|
692
|
+
$value: '{bgColor.done.muted}',
|
|
693
693
|
$type: 'color',
|
|
694
694
|
$extensions: {
|
|
695
695
|
'org.primer.figma': {
|
|
@@ -705,7 +705,7 @@
|
|
|
705
705
|
alpha: 0.15,
|
|
706
706
|
},
|
|
707
707
|
emphasis: {
|
|
708
|
-
$value: '{
|
|
708
|
+
$value: '{bgColor.done.emphasis}',
|
|
709
709
|
$type: 'color',
|
|
710
710
|
$extensions: {
|
|
711
711
|
'org.primer.figma': {
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
},
|
|
102
102
|
},
|
|
103
103
|
neutral: {
|
|
104
|
-
$value: '{base.color.neutral.
|
|
104
|
+
$value: '{base.color.neutral.6}',
|
|
105
105
|
$type: 'color',
|
|
106
106
|
$extensions: {
|
|
107
107
|
'org.primer.figma': {
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
group: 'semantic',
|
|
111
111
|
scopes: ['fgColor'],
|
|
112
112
|
},
|
|
113
|
-
}
|
|
113
|
+
}
|
|
114
114
|
},
|
|
115
115
|
accent: {
|
|
116
116
|
$value: '{base.color.blue.5}',
|