@primer/primitives 8.2.3 → 8.2.4-rc.20f0592f
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 +48 -48
- package/dist/css/functional/themes/dark-dimmed.css +50 -50
- package/dist/css/functional/themes/dark-high-contrast.css +50 -50
- package/dist/css/functional/themes/dark-tritanopia.css +50 -50
- package/dist/css/functional/themes/dark.css +50 -50
- package/dist/css/functional/themes/light-colorblind.css +22 -22
- package/dist/css/functional/themes/light-high-contrast.css +10 -10
- package/dist/css/functional/themes/light-tritanopia.css +22 -22
- package/dist/css/functional/themes/light.css +10 -10
- package/dist/docs/functional/themes/dark-colorblind.json +202 -202
- package/dist/docs/functional/themes/dark-dimmed.json +212 -210
- package/dist/docs/functional/themes/dark-high-contrast.json +212 -210
- package/dist/docs/functional/themes/dark-tritanopia.json +206 -206
- package/dist/docs/functional/themes/dark.json +212 -210
- package/dist/docs/functional/themes/light-colorblind.json +187 -193
- package/dist/docs/functional/themes/light-high-contrast.json +185 -183
- package/dist/docs/functional/themes/light-tritanopia.json +187 -193
- package/dist/docs/functional/themes/light.json +180 -178
- package/dist/figma/themes/dark-colorblind.json +231 -231
- package/dist/figma/themes/dark-dimmed.json +215 -214
- package/dist/figma/themes/dark-high-contrast.json +215 -214
- package/dist/figma/themes/dark-tritanopia.json +233 -233
- package/dist/figma/themes/dark.json +215 -214
- package/dist/figma/themes/light-colorblind.json +213 -214
- package/dist/figma/themes/light-high-contrast.json +135 -134
- package/dist/figma/themes/light-tritanopia.json +212 -213
- package/dist/figma/themes/light.json +135 -134
- package/dist/internalCss/dark-colorblind.css +48 -48
- package/dist/internalCss/dark-dimmed.css +50 -50
- package/dist/internalCss/dark-high-contrast.css +50 -50
- package/dist/internalCss/dark-tritanopia.css +50 -50
- package/dist/internalCss/dark.css +50 -50
- package/dist/internalCss/light-colorblind.css +22 -22
- package/dist/internalCss/light-high-contrast.css +10 -10
- package/dist/internalCss/light-tritanopia.css +22 -22
- package/dist/internalCss/light.css +10 -10
- package/dist/styleLint/functional/themes/dark-colorblind.json +202 -202
- package/dist/styleLint/functional/themes/dark-dimmed.json +212 -210
- package/dist/styleLint/functional/themes/dark-high-contrast.json +212 -210
- package/dist/styleLint/functional/themes/dark-tritanopia.json +206 -206
- package/dist/styleLint/functional/themes/dark.json +212 -210
- package/dist/styleLint/functional/themes/light-colorblind.json +187 -193
- package/dist/styleLint/functional/themes/light-high-contrast.json +185 -183
- package/dist/styleLint/functional/themes/light-tritanopia.json +187 -193
- package/dist/styleLint/functional/themes/light.json +180 -178
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/display-dark.json5 +19 -19
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +7 -0
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -16
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +13 -17
- package/src/tokens/functional/color/dark/patterns-dark.json5 +10 -10
- package/src/tokens/functional/color/dark/primitives-dark.json5 +174 -197
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +11 -8
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +14 -25
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +11 -22
- package/src/tokens/functional/color/light/patterns-light.json5 +12 -12
- package/src/tokens/functional/color/light/primitives-light.json5 +173 -196
|
@@ -15,16 +15,12 @@
|
|
|
15
15
|
$type: 'color',
|
|
16
16
|
},
|
|
17
17
|
danger: {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
$type: 'color',
|
|
21
|
-
},
|
|
18
|
+
$value: '{base.color.red.6}',
|
|
19
|
+
$type: 'color',
|
|
22
20
|
},
|
|
23
21
|
accent: {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
$type: 'color',
|
|
27
|
-
},
|
|
22
|
+
$value: '{base.color.blue.6}',
|
|
23
|
+
$type: 'color',
|
|
28
24
|
},
|
|
29
25
|
},
|
|
30
26
|
bgColor: {
|
|
@@ -101,6 +97,13 @@
|
|
|
101
97
|
$type: 'color',
|
|
102
98
|
},
|
|
103
99
|
},
|
|
100
|
+
open: {
|
|
101
|
+
muted: {
|
|
102
|
+
$value: '{borderColor.success.muted}',
|
|
103
|
+
$type: 'color',
|
|
104
|
+
alpha: 1,
|
|
105
|
+
},
|
|
106
|
+
},
|
|
104
107
|
attention: {
|
|
105
108
|
muted: {
|
|
106
109
|
$value: '{base.color.yellow.3}',
|
|
@@ -6,31 +6,23 @@
|
|
|
6
6
|
{
|
|
7
7
|
fgColor: {
|
|
8
8
|
success: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
$type: 'color',
|
|
12
|
-
},
|
|
9
|
+
$value: '{base.color.blue.5}',
|
|
10
|
+
$type: 'color',
|
|
13
11
|
},
|
|
14
12
|
open: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
$type: 'color',
|
|
18
|
-
},
|
|
13
|
+
$value: '{base.color.orange.5}',
|
|
14
|
+
$type: 'color',
|
|
19
15
|
},
|
|
20
16
|
closed: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
$type: 'color',
|
|
24
|
-
},
|
|
17
|
+
$value: '{base.color.neutral.5}',
|
|
18
|
+
$type: 'color',
|
|
25
19
|
},
|
|
26
20
|
danger: {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
weight: 0.05,
|
|
33
|
-
},
|
|
21
|
+
$value: '{base.color.orange.5}',
|
|
22
|
+
$type: 'color',
|
|
23
|
+
mix: {
|
|
24
|
+
color: '{base.color.orange.4}',
|
|
25
|
+
weight: 0.05,
|
|
34
26
|
},
|
|
35
27
|
},
|
|
36
28
|
},
|
|
@@ -41,12 +33,9 @@
|
|
|
41
33
|
$type: 'color',
|
|
42
34
|
},
|
|
43
35
|
emphasis: {
|
|
44
|
-
$value: '{base.color.blue.
|
|
36
|
+
$value: '{base.color.blue.5}',
|
|
45
37
|
$type: 'color',
|
|
46
|
-
mix:
|
|
47
|
-
color: '{base.color.blue.5}',
|
|
48
|
-
weight: 0.75,
|
|
49
|
-
},
|
|
38
|
+
mix: null
|
|
50
39
|
},
|
|
51
40
|
},
|
|
52
41
|
open: {
|
|
@@ -112,7 +101,7 @@
|
|
|
112
101
|
alpha: 0.4,
|
|
113
102
|
},
|
|
114
103
|
emphasis: {
|
|
115
|
-
$value: '{base.color.blue.
|
|
104
|
+
$value: '{base.color.blue.5}',
|
|
116
105
|
$type: 'color',
|
|
117
106
|
},
|
|
118
107
|
},
|
|
@@ -6,28 +6,20 @@
|
|
|
6
6
|
{
|
|
7
7
|
fgColor: {
|
|
8
8
|
success: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
$type: 'color',
|
|
12
|
-
},
|
|
9
|
+
$value: '{base.color.blue.5}',
|
|
10
|
+
$type: 'color',
|
|
13
11
|
},
|
|
14
12
|
severe: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
$type: 'color',
|
|
18
|
-
},
|
|
13
|
+
$value: '{base.color.red.5}',
|
|
14
|
+
$type: 'color',
|
|
19
15
|
},
|
|
20
16
|
open: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
$type: 'color',
|
|
24
|
-
},
|
|
17
|
+
$value: '{base.color.red.5}',
|
|
18
|
+
$type: 'color',
|
|
25
19
|
},
|
|
26
20
|
closed: {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
$type: 'color',
|
|
30
|
-
},
|
|
21
|
+
$value: '{base.color.neutral.5}',
|
|
22
|
+
$type: 'color',
|
|
31
23
|
},
|
|
32
24
|
},
|
|
33
25
|
bgColor: {
|
|
@@ -37,12 +29,9 @@
|
|
|
37
29
|
$type: 'color',
|
|
38
30
|
},
|
|
39
31
|
emphasis: {
|
|
40
|
-
$value: '{base.color.blue.
|
|
32
|
+
$value: '{base.color.blue.5}',
|
|
41
33
|
$type: 'color',
|
|
42
|
-
mix:
|
|
43
|
-
color: '{base.color.blue.5}',
|
|
44
|
-
weight: 0.75,
|
|
45
|
-
},
|
|
34
|
+
mix: null
|
|
46
35
|
},
|
|
47
36
|
},
|
|
48
37
|
open: {
|
|
@@ -84,7 +73,7 @@
|
|
|
84
73
|
alpha: 0.4,
|
|
85
74
|
},
|
|
86
75
|
emphasis: {
|
|
87
|
-
$value: '{base.color.blue.
|
|
76
|
+
$value: '{base.color.blue.5}',
|
|
88
77
|
$type: 'color',
|
|
89
78
|
},
|
|
90
79
|
},
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
danger: {
|
|
381
381
|
fgColor: {
|
|
382
382
|
rest: {
|
|
383
|
-
$value: '{fgColor.danger
|
|
383
|
+
$value: '{fgColor.danger}',
|
|
384
384
|
$type: 'color',
|
|
385
385
|
$extensions: {
|
|
386
386
|
'org.primer.figma': {
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
},
|
|
393
393
|
},
|
|
394
394
|
hover: {
|
|
395
|
-
$value: '{fgColor.danger
|
|
395
|
+
$value: '{fgColor.danger}',
|
|
396
396
|
$type: 'color',
|
|
397
397
|
$extensions: {
|
|
398
398
|
'org.primer.figma': {
|
|
@@ -1062,7 +1062,7 @@
|
|
|
1062
1062
|
invisible: {
|
|
1063
1063
|
fgColor: {
|
|
1064
1064
|
rest: {
|
|
1065
|
-
$value: '{fgColor.accent
|
|
1065
|
+
$value: '{fgColor.accent}',
|
|
1066
1066
|
$type: 'color',
|
|
1067
1067
|
$extensions: {
|
|
1068
1068
|
'org.primer.figma': {
|
|
@@ -1074,7 +1074,7 @@
|
|
|
1074
1074
|
},
|
|
1075
1075
|
},
|
|
1076
1076
|
hover: {
|
|
1077
|
-
$value: '{fgColor.accent
|
|
1077
|
+
$value: '{fgColor.accent}',
|
|
1078
1078
|
$type: 'color',
|
|
1079
1079
|
$extensions: {
|
|
1080
1080
|
'org.primer.figma': {
|
|
@@ -1228,7 +1228,7 @@
|
|
|
1228
1228
|
outline: {
|
|
1229
1229
|
fgColor: {
|
|
1230
1230
|
rest: {
|
|
1231
|
-
$value: '{fgColor.accent
|
|
1231
|
+
$value: '{fgColor.accent}',
|
|
1232
1232
|
$type: 'color',
|
|
1233
1233
|
$extensions: {
|
|
1234
1234
|
'org.primer.figma': {
|
|
@@ -1264,7 +1264,7 @@
|
|
|
1264
1264
|
},
|
|
1265
1265
|
},
|
|
1266
1266
|
disabled: {
|
|
1267
|
-
$value: '{fgColor.accent
|
|
1267
|
+
$value: '{fgColor.accent}',
|
|
1268
1268
|
$type: 'color',
|
|
1269
1269
|
$extensions: {
|
|
1270
1270
|
'org.primer.figma': {
|
|
@@ -1362,7 +1362,7 @@
|
|
|
1362
1362
|
danger: {
|
|
1363
1363
|
fgColor: {
|
|
1364
1364
|
rest: {
|
|
1365
|
-
$value: '{fgColor.danger
|
|
1365
|
+
$value: '{fgColor.danger}',
|
|
1366
1366
|
$type: 'color',
|
|
1367
1367
|
$extensions: {
|
|
1368
1368
|
'org.primer.figma': {
|
|
@@ -1398,7 +1398,7 @@
|
|
|
1398
1398
|
},
|
|
1399
1399
|
},
|
|
1400
1400
|
disabled: {
|
|
1401
|
-
$value: '{fgColor.danger
|
|
1401
|
+
$value: '{fgColor.danger}',
|
|
1402
1402
|
$type: 'color',
|
|
1403
1403
|
$extensions: {
|
|
1404
1404
|
'org.primer.figma': {
|
|
@@ -1413,7 +1413,7 @@
|
|
|
1413
1413
|
},
|
|
1414
1414
|
iconColor: {
|
|
1415
1415
|
rest: {
|
|
1416
|
-
$value: '{fgColor.danger
|
|
1416
|
+
$value: '{fgColor.danger}',
|
|
1417
1417
|
$type: 'color',
|
|
1418
1418
|
$extensions: {
|
|
1419
1419
|
'org.primer.figma': {
|
|
@@ -1690,7 +1690,7 @@
|
|
|
1690
1690
|
},
|
|
1691
1691
|
},
|
|
1692
1692
|
disabled: {
|
|
1693
|
-
$value: '{fgColor.accent
|
|
1693
|
+
$value: '{fgColor.accent}',
|
|
1694
1694
|
$type: 'color',
|
|
1695
1695
|
$extensions: {
|
|
1696
1696
|
'org.primer.figma': {
|
|
@@ -1776,7 +1776,7 @@
|
|
|
1776
1776
|
},
|
|
1777
1777
|
},
|
|
1778
1778
|
disabled: {
|
|
1779
|
-
$value: '{fgColor.danger
|
|
1779
|
+
$value: '{fgColor.danger}',
|
|
1780
1780
|
$type: 'color',
|
|
1781
1781
|
$extensions: {
|
|
1782
1782
|
'org.primer.figma': {
|
|
@@ -1825,7 +1825,7 @@
|
|
|
1825
1825
|
},
|
|
1826
1826
|
fgColor: {
|
|
1827
1827
|
rest: {
|
|
1828
|
-
$value: '{fgColor.link
|
|
1828
|
+
$value: '{fgColor.link}',
|
|
1829
1829
|
$type: 'color',
|
|
1830
1830
|
$extensions: {
|
|
1831
1831
|
'org.primer.figma': {
|