@primer/primitives 10.3.0-rc.fcd52a27 → 10.3.0
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/transformers/colorToHex.js +3 -3
- package/dist/build/transformers/colorToRgbAlpha.js +2 -2
- package/dist/build/transformers/shadowToCss.js +2 -2
- package/dist/build/transformers/utilities/alpha.d.ts +2 -2
- package/dist/build/transformers/utilities/alpha.js +3 -3
- package/dist/build/utilities/log.d.ts +6 -0
- package/dist/build/utilities/log.js +34 -0
- package/dist/docs/functional/themes/dark-colorblind.json +324 -26
- package/dist/docs/functional/themes/dark-dimmed.json +391 -27
- package/dist/docs/functional/themes/dark-high-contrast.json +377 -27
- package/dist/docs/functional/themes/dark-tritanopia.json +525 -37
- package/dist/docs/functional/themes/dark.json +324 -26
- package/dist/docs/functional/themes/light-colorblind.json +318 -22
- package/dist/docs/functional/themes/light-high-contrast.json +374 -24
- package/dist/docs/functional/themes/light-tritanopia.json +599 -29
- package/dist/docs/functional/themes/light.json +318 -22
- package/dist/figma/themes/dark-colorblind.json +255 -254
- package/dist/figma/themes/dark-dimmed.json +255 -173
- package/dist/figma/themes/dark-high-contrast.json +254 -187
- package/dist/figma/themes/dark-tritanopia.json +340 -257
- package/dist/figma/themes/dark.json +255 -254
- package/dist/figma/themes/light-colorblind.json +249 -249
- package/dist/figma/themes/light-high-contrast.json +238 -172
- package/dist/figma/themes/light-tritanopia.json +332 -252
- package/dist/figma/themes/light.json +273 -273
- package/dist/styleLint/functional/themes/dark-colorblind.json +324 -26
- package/dist/styleLint/functional/themes/dark-dimmed.json +391 -27
- package/dist/styleLint/functional/themes/dark-high-contrast.json +377 -27
- package/dist/styleLint/functional/themes/dark-tritanopia.json +525 -37
- package/dist/styleLint/functional/themes/dark.json +324 -26
- package/dist/styleLint/functional/themes/light-colorblind.json +318 -22
- package/dist/styleLint/functional/themes/light-high-contrast.json +374 -24
- package/dist/styleLint/functional/themes/light-tritanopia.json +599 -29
- package/dist/styleLint/functional/themes/light.json +318 -22
- package/package.json +1 -1
- package/src/tokens/component/diffBlob.json5 +19 -0
- package/src/tokens/component/header.json5 +65 -0
- package/src/tokens/component/headerSerach.json5 +32 -0
- package/src/tokens/component/overlay.json5 +68 -0
- package/src/tokens/component/page.json5 +20 -0
- package/src/tokens/component/reactionButton.json5 +78 -0
- package/src/tokens/component/skeletonLoader.json5 +29 -0
- package/src/tokens/component/timelineBadge.json5 +19 -0
- package/src/tokens/functional/color/dark/app-dark.json5 +0 -97
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -35
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -32
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -37
- package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -194
- package/src/tokens/functional/color/light/app-light.json5 +0 -91
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -31
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -71
- package/src/tokens/functional/color/light/patterns-light.json5 +1 -192
- package/dist/figma/figma.json +0 -133
- package/dist/figma/shadows/dark-colorblind.json +0 -1152
- package/dist/figma/shadows/dark-dimmed.json +0 -1152
- package/dist/figma/shadows/dark-high-contrast.json +0 -1152
- package/dist/figma/shadows/dark-tritanopia.json +0 -1152
- package/dist/figma/shadows/dark.json +0 -1152
- package/dist/figma/shadows/light-colorblind.json +0 -1052
- package/dist/figma/shadows/light-high-contrast.json +0 -1052
- package/dist/figma/shadows/light-tritanopia.json +0 -1052
- package/dist/figma/shadows/light.json +0 -1052
|
@@ -7904,6 +7904,14 @@
|
|
|
7904
7904
|
"$type": "color"
|
|
7905
7905
|
},
|
|
7906
7906
|
"light-protanopia-deuteranopia": "#9cd7ff",
|
|
7907
|
+
"light-tritanopia": "#9cd7ff",
|
|
7908
|
+
"dark-tritanopia": {
|
|
7909
|
+
"$value": "#368cf9",
|
|
7910
|
+
"alpha": 0.3,
|
|
7911
|
+
"filePath": "src/tokens/component/diffBlob.json5",
|
|
7912
|
+
"isSource": true,
|
|
7913
|
+
"$type": "color"
|
|
7914
|
+
},
|
|
7907
7915
|
"dark-protanopia-deuteranopia": {
|
|
7908
7916
|
"$value": "#368cf9",
|
|
7909
7917
|
"alpha": 0.3,
|
|
@@ -7933,6 +7941,14 @@
|
|
|
7933
7941
|
"$type": "color"
|
|
7934
7942
|
},
|
|
7935
7943
|
"light-protanopia-deuteranopia": "{base.color.blue.1}",
|
|
7944
|
+
"light-tritanopia": "{base.color.blue.1}",
|
|
7945
|
+
"dark-tritanopia": {
|
|
7946
|
+
"$value": "{base.color.blue.3}",
|
|
7947
|
+
"alpha": 0.3,
|
|
7948
|
+
"filePath": "src/tokens/component/diffBlob.json5",
|
|
7949
|
+
"isSource": true,
|
|
7950
|
+
"$type": "color"
|
|
7951
|
+
},
|
|
7936
7952
|
"dark-protanopia-deuteranopia": {
|
|
7937
7953
|
"$value": "{base.color.blue.3}",
|
|
7938
7954
|
"alpha": 0.3,
|
|
@@ -8002,7 +8018,15 @@
|
|
|
8002
8018
|
"$type": "color"
|
|
8003
8019
|
},
|
|
8004
8020
|
"light-high-contrast": "#055d20",
|
|
8005
|
-
"dark-high-contrast": "#055d20"
|
|
8021
|
+
"dark-high-contrast": "#055d20",
|
|
8022
|
+
"light-tritanopia": "#9cd7ff",
|
|
8023
|
+
"dark-tritanopia": {
|
|
8024
|
+
"$value": "#1168e3",
|
|
8025
|
+
"alpha": 0.4,
|
|
8026
|
+
"filePath": "src/tokens/component/diffBlob.json5",
|
|
8027
|
+
"isSource": true,
|
|
8028
|
+
"$type": "color"
|
|
8029
|
+
}
|
|
8006
8030
|
}
|
|
8007
8031
|
},
|
|
8008
8032
|
"filePath": "src/tokens/component/diffBlob.json5",
|
|
@@ -8033,7 +8057,15 @@
|
|
|
8033
8057
|
"$type": "color"
|
|
8034
8058
|
},
|
|
8035
8059
|
"light-high-contrast": "{base.color.green.5}",
|
|
8036
|
-
"dark-high-contrast": "{bgColor.success.emphasis}"
|
|
8060
|
+
"dark-high-contrast": "{bgColor.success.emphasis}",
|
|
8061
|
+
"light-tritanopia": "{base.color.blue.1}",
|
|
8062
|
+
"dark-tritanopia": {
|
|
8063
|
+
"$value": "{base.color.blue.4}",
|
|
8064
|
+
"alpha": 0.4,
|
|
8065
|
+
"filePath": "src/tokens/component/diffBlob.json5",
|
|
8066
|
+
"isSource": true,
|
|
8067
|
+
"$type": "color"
|
|
8068
|
+
}
|
|
8037
8069
|
}
|
|
8038
8070
|
}
|
|
8039
8071
|
},
|
|
@@ -8187,6 +8219,7 @@
|
|
|
8187
8219
|
"isSource": true,
|
|
8188
8220
|
"$type": "color"
|
|
8189
8221
|
},
|
|
8222
|
+
"light-tritanopia": "#ffc1bc",
|
|
8190
8223
|
"light-protanopia-deuteranopia": "#ffc67b",
|
|
8191
8224
|
"dark-protanopia-deuteranopia": {
|
|
8192
8225
|
"$value": "#b45105",
|
|
@@ -8216,6 +8249,7 @@
|
|
|
8216
8249
|
"isSource": true,
|
|
8217
8250
|
"$type": "color"
|
|
8218
8251
|
},
|
|
8252
|
+
"light-tritanopia": "{base.color.red.1}",
|
|
8219
8253
|
"light-protanopia-deuteranopia": "{base.color.orange.1}",
|
|
8220
8254
|
"dark-protanopia-deuteranopia": {
|
|
8221
8255
|
"$value": "{base.color.orange.4}",
|
|
@@ -8286,7 +8320,8 @@
|
|
|
8286
8320
|
"$type": "color"
|
|
8287
8321
|
},
|
|
8288
8322
|
"light-high-contrast": "#a0111f",
|
|
8289
|
-
"dark-high-contrast": "#a0111f"
|
|
8323
|
+
"dark-high-contrast": "#a0111f",
|
|
8324
|
+
"light-tritanopia": "#ffc1bc"
|
|
8290
8325
|
}
|
|
8291
8326
|
},
|
|
8292
8327
|
"filePath": "src/tokens/component/diffBlob.json5",
|
|
@@ -8317,7 +8352,8 @@
|
|
|
8317
8352
|
"$type": "color"
|
|
8318
8353
|
},
|
|
8319
8354
|
"light-high-contrast": "{base.color.red.5}",
|
|
8320
|
-
"dark-high-contrast": "{bgColor.danger.emphasis}"
|
|
8355
|
+
"dark-high-contrast": "{bgColor.danger.emphasis}",
|
|
8356
|
+
"light-tritanopia": "{base.color.red.1}"
|
|
8321
8357
|
}
|
|
8322
8358
|
}
|
|
8323
8359
|
},
|
|
@@ -8462,6 +8498,8 @@
|
|
|
8462
8498
|
"scopes": ["bgColor"]
|
|
8463
8499
|
},
|
|
8464
8500
|
"org.primer.overrides": {
|
|
8501
|
+
"light-tritanopia": "#f6f8fa",
|
|
8502
|
+
"dark-tritanopia": "#e6eaef",
|
|
8465
8503
|
"light-protanopia-deuteranopia": "#f6f8fa",
|
|
8466
8504
|
"dark-protanopia-deuteranopia": "#e6eaef",
|
|
8467
8505
|
"dark-high-contrast": {
|
|
@@ -8485,6 +8523,8 @@
|
|
|
8485
8523
|
"scopes": ["bgColor"]
|
|
8486
8524
|
},
|
|
8487
8525
|
"org.primer.overrides": {
|
|
8526
|
+
"light-tritanopia": "{base.color.neutral.1}",
|
|
8527
|
+
"dark-tritanopia": "{base.color.neutral.3}",
|
|
8488
8528
|
"light-protanopia-deuteranopia": "{base.color.neutral.1}",
|
|
8489
8529
|
"dark-protanopia-deuteranopia": "{base.color.neutral.3}",
|
|
8490
8530
|
"dark-high-contrast": {
|
|
@@ -8540,6 +8580,8 @@
|
|
|
8540
8580
|
"scopes": ["bgColor"]
|
|
8541
8581
|
},
|
|
8542
8582
|
"org.primer.overrides": {
|
|
8583
|
+
"light-tritanopia": "#c8d1da",
|
|
8584
|
+
"dark-tritanopia": "#818b98",
|
|
8543
8585
|
"light-protanopia-deuteranopia": "#c8d1da",
|
|
8544
8586
|
"dark-protanopia-deuteranopia": "#818b98"
|
|
8545
8587
|
}
|
|
@@ -8556,6 +8598,8 @@
|
|
|
8556
8598
|
"scopes": ["bgColor"]
|
|
8557
8599
|
},
|
|
8558
8600
|
"org.primer.overrides": {
|
|
8601
|
+
"light-tritanopia": "{base.color.neutral.7}",
|
|
8602
|
+
"dark-tritanopia": "{base.color.neutral.8}",
|
|
8559
8603
|
"light-protanopia-deuteranopia": "{base.color.neutral.7}",
|
|
8560
8604
|
"dark-protanopia-deuteranopia": "{base.color.neutral.8}"
|
|
8561
8605
|
}
|
|
@@ -8577,8 +8621,10 @@
|
|
|
8577
8621
|
},
|
|
8578
8622
|
"org.primer.overrides": {
|
|
8579
8623
|
"dark": "#032563",
|
|
8624
|
+
"light-tritanopia": "#e6eaef",
|
|
8580
8625
|
"light-protanopia-deuteranopia": "#e6eaef",
|
|
8581
8626
|
"dark-protanopia-deuteranopia": "#d1d9e0",
|
|
8627
|
+
"dark-tritanopia": "#d1d9e0",
|
|
8582
8628
|
"dark-high-contrast": {
|
|
8583
8629
|
"$value": "#1168e3",
|
|
8584
8630
|
"alpha": 0.4,
|
|
@@ -8601,8 +8647,10 @@
|
|
|
8601
8647
|
},
|
|
8602
8648
|
"org.primer.overrides": {
|
|
8603
8649
|
"dark": "{base.color.blue.8}",
|
|
8650
|
+
"light-tritanopia": "{base.color.neutral.3}",
|
|
8604
8651
|
"light-protanopia-deuteranopia": "{base.color.neutral.3}",
|
|
8605
8652
|
"dark-protanopia-deuteranopia": "{base.color.neutral.6}",
|
|
8653
|
+
"dark-tritanopia": "{base.color.neutral.6}",
|
|
8606
8654
|
"dark-high-contrast": {
|
|
8607
8655
|
"$value": "{base.color.blue.4}",
|
|
8608
8656
|
"alpha": 0.4,
|
|
@@ -8628,7 +8676,8 @@
|
|
|
8628
8676
|
"scopes": ["fgColor"]
|
|
8629
8677
|
},
|
|
8630
8678
|
"org.primer.overrides": {
|
|
8631
|
-
"light-protanopia-deuteranopia": "#010409"
|
|
8679
|
+
"light-protanopia-deuteranopia": "#010409",
|
|
8680
|
+
"light-tritanopia": "#010409"
|
|
8632
8681
|
}
|
|
8633
8682
|
},
|
|
8634
8683
|
"filePath": "src/tokens/component/diffBlob.json5",
|
|
@@ -8643,7 +8692,8 @@
|
|
|
8643
8692
|
"scopes": ["fgColor"]
|
|
8644
8693
|
},
|
|
8645
8694
|
"org.primer.overrides": {
|
|
8646
|
-
"light-protanopia-deuteranopia": "{fgColor.default}"
|
|
8695
|
+
"light-protanopia-deuteranopia": "{fgColor.default}",
|
|
8696
|
+
"light-tritanopia": "{fgColor.default}"
|
|
8647
8697
|
}
|
|
8648
8698
|
}
|
|
8649
8699
|
},
|
|
@@ -11024,9 +11074,18 @@
|
|
|
11024
11074
|
"collection": "mode",
|
|
11025
11075
|
"group": "component (internal)",
|
|
11026
11076
|
"scopes": ["bgColor"]
|
|
11077
|
+
},
|
|
11078
|
+
"org.primer.overrides": {
|
|
11079
|
+
"dark": {
|
|
11080
|
+
"$value": "#eff2f5",
|
|
11081
|
+
"alpha": 0.95,
|
|
11082
|
+
"filePath": "src/tokens/component/header.json5",
|
|
11083
|
+
"isSource": true,
|
|
11084
|
+
"$type": "color"
|
|
11085
|
+
}
|
|
11027
11086
|
}
|
|
11028
11087
|
},
|
|
11029
|
-
"filePath": "src/tokens/
|
|
11088
|
+
"filePath": "src/tokens/component/header.json5",
|
|
11030
11089
|
"isSource": true,
|
|
11031
11090
|
"original": {
|
|
11032
11091
|
"$value": "{base.color.neutral.12}",
|
|
@@ -11036,6 +11095,15 @@
|
|
|
11036
11095
|
"collection": "mode",
|
|
11037
11096
|
"group": "component (internal)",
|
|
11038
11097
|
"scopes": ["bgColor"]
|
|
11098
|
+
},
|
|
11099
|
+
"org.primer.overrides": {
|
|
11100
|
+
"dark": {
|
|
11101
|
+
"$value": "{base.color.neutral.2}",
|
|
11102
|
+
"alpha": 0.95,
|
|
11103
|
+
"filePath": "src/tokens/component/header.json5",
|
|
11104
|
+
"isSource": true,
|
|
11105
|
+
"$type": "color"
|
|
11106
|
+
}
|
|
11039
11107
|
}
|
|
11040
11108
|
}
|
|
11041
11109
|
},
|
|
@@ -11066,10 +11134,13 @@
|
|
|
11066
11134
|
"collection": "mode",
|
|
11067
11135
|
"group": "component (internal)",
|
|
11068
11136
|
"scopes": ["fgColor"]
|
|
11137
|
+
},
|
|
11138
|
+
"org.primer.overrides": {
|
|
11139
|
+
"dark": "#010409"
|
|
11069
11140
|
}
|
|
11070
11141
|
},
|
|
11071
11142
|
"alpha": 0.7,
|
|
11072
|
-
"filePath": "src/tokens/
|
|
11143
|
+
"filePath": "src/tokens/component/header.json5",
|
|
11073
11144
|
"isSource": true,
|
|
11074
11145
|
"original": {
|
|
11075
11146
|
"$value": "{base.color.neutral.0}",
|
|
@@ -11079,6 +11150,9 @@
|
|
|
11079
11150
|
"collection": "mode",
|
|
11080
11151
|
"group": "component (internal)",
|
|
11081
11152
|
"scopes": ["fgColor"]
|
|
11153
|
+
},
|
|
11154
|
+
"org.primer.overrides": {
|
|
11155
|
+
"dark": "{base.color.neutral.13}"
|
|
11082
11156
|
}
|
|
11083
11157
|
},
|
|
11084
11158
|
"alpha": 0.7
|
|
@@ -11096,9 +11170,12 @@
|
|
|
11096
11170
|
"collection": "mode",
|
|
11097
11171
|
"group": "component (internal)",
|
|
11098
11172
|
"scopes": ["fgColor"]
|
|
11173
|
+
},
|
|
11174
|
+
"org.primer.overrides": {
|
|
11175
|
+
"dark": "#25292e"
|
|
11099
11176
|
}
|
|
11100
11177
|
},
|
|
11101
|
-
"filePath": "src/tokens/
|
|
11178
|
+
"filePath": "src/tokens/component/header.json5",
|
|
11102
11179
|
"isSource": true,
|
|
11103
11180
|
"original": {
|
|
11104
11181
|
"$value": "{base.color.neutral.0}",
|
|
@@ -11108,6 +11185,9 @@
|
|
|
11108
11185
|
"collection": "mode",
|
|
11109
11186
|
"group": "component (internal)",
|
|
11110
11187
|
"scopes": ["fgColor"]
|
|
11188
|
+
},
|
|
11189
|
+
"org.primer.overrides": {
|
|
11190
|
+
"dark": "{base.color.neutral.12}"
|
|
11111
11191
|
}
|
|
11112
11192
|
}
|
|
11113
11193
|
},
|
|
@@ -11124,9 +11204,12 @@
|
|
|
11124
11204
|
"collection": "mode",
|
|
11125
11205
|
"group": "component (internal)",
|
|
11126
11206
|
"scopes": ["bgColor"]
|
|
11207
|
+
},
|
|
11208
|
+
"org.primer.overrides": {
|
|
11209
|
+
"dark": "#f6f8fa"
|
|
11127
11210
|
}
|
|
11128
11211
|
},
|
|
11129
|
-
"filePath": "src/tokens/
|
|
11212
|
+
"filePath": "src/tokens/component/headerSerach.json5",
|
|
11130
11213
|
"isSource": true,
|
|
11131
11214
|
"original": {
|
|
11132
11215
|
"$value": "{base.color.neutral.12}",
|
|
@@ -11136,6 +11219,9 @@
|
|
|
11136
11219
|
"collection": "mode",
|
|
11137
11220
|
"group": "component (internal)",
|
|
11138
11221
|
"scopes": ["bgColor"]
|
|
11222
|
+
},
|
|
11223
|
+
"org.primer.overrides": {
|
|
11224
|
+
"dark": "{base.color.neutral.1}"
|
|
11139
11225
|
}
|
|
11140
11226
|
}
|
|
11141
11227
|
},
|
|
@@ -11152,9 +11238,12 @@
|
|
|
11152
11238
|
"collection": "mode",
|
|
11153
11239
|
"group": "component (internal)",
|
|
11154
11240
|
"scopes": ["borderColor"]
|
|
11241
|
+
},
|
|
11242
|
+
"org.primer.overrides": {
|
|
11243
|
+
"dark": "#dae0e7"
|
|
11155
11244
|
}
|
|
11156
11245
|
},
|
|
11157
|
-
"filePath": "src/tokens/
|
|
11246
|
+
"filePath": "src/tokens/component/headerSerach.json5",
|
|
11158
11247
|
"isSource": true,
|
|
11159
11248
|
"original": {
|
|
11160
11249
|
"$value": "{base.color.neutral.8}",
|
|
@@ -11164,6 +11253,9 @@
|
|
|
11164
11253
|
"collection": "mode",
|
|
11165
11254
|
"group": "component (internal)",
|
|
11166
11255
|
"scopes": ["borderColor"]
|
|
11256
|
+
},
|
|
11257
|
+
"org.primer.overrides": {
|
|
11258
|
+
"dark": "{base.color.neutral.5}"
|
|
11167
11259
|
}
|
|
11168
11260
|
}
|
|
11169
11261
|
},
|
|
@@ -14441,12 +14533,38 @@
|
|
|
14441
14533
|
"overlay-backdrop-bgColor": {
|
|
14442
14534
|
"$value": "#393f4666",
|
|
14443
14535
|
"$type": "color",
|
|
14536
|
+
"$extensions": {
|
|
14537
|
+
"org.primer.figma": {
|
|
14538
|
+
"collection": "mode",
|
|
14539
|
+
"group": "component (internal)",
|
|
14540
|
+
"scopes": ["bgColor"]
|
|
14541
|
+
},
|
|
14542
|
+
"org.primer.overrides": {
|
|
14543
|
+
"dark": "#e6eaef",
|
|
14544
|
+
"dark-dimmed": "#e0e6eb",
|
|
14545
|
+
"light-high-contrast": "#393f46",
|
|
14546
|
+
"dark-high-contrast": "#393f46"
|
|
14547
|
+
}
|
|
14548
|
+
},
|
|
14444
14549
|
"alpha": 0.4,
|
|
14445
|
-
"filePath": "src/tokens/
|
|
14550
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14446
14551
|
"isSource": true,
|
|
14447
14552
|
"original": {
|
|
14448
14553
|
"$value": "{base.color.neutral.11}",
|
|
14449
14554
|
"$type": "color",
|
|
14555
|
+
"$extensions": {
|
|
14556
|
+
"org.primer.figma": {
|
|
14557
|
+
"collection": "mode",
|
|
14558
|
+
"group": "component (internal)",
|
|
14559
|
+
"scopes": ["bgColor"]
|
|
14560
|
+
},
|
|
14561
|
+
"org.primer.overrides": {
|
|
14562
|
+
"dark": "{base.color.neutral.3}",
|
|
14563
|
+
"dark-dimmed": "{base.color.neutral.4}",
|
|
14564
|
+
"light-high-contrast": "{base.color.neutral.11}",
|
|
14565
|
+
"dark-high-contrast": "{base.color.neutral.11}"
|
|
14566
|
+
}
|
|
14567
|
+
},
|
|
14450
14568
|
"alpha": 0.4
|
|
14451
14569
|
},
|
|
14452
14570
|
"name": "overlay-backdrop-bgColor",
|
|
@@ -14462,9 +14580,13 @@
|
|
|
14462
14580
|
"collection": "mode",
|
|
14463
14581
|
"group": "component (internal)",
|
|
14464
14582
|
"scopes": ["bgColor"]
|
|
14583
|
+
},
|
|
14584
|
+
"org.primer.overrides": {
|
|
14585
|
+
"dark": "#e6eaef",
|
|
14586
|
+
"dark-dimmed": "#dae0e7"
|
|
14465
14587
|
}
|
|
14466
14588
|
},
|
|
14467
|
-
"filePath": "src/tokens/
|
|
14589
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14468
14590
|
"isSource": true,
|
|
14469
14591
|
"original": {
|
|
14470
14592
|
"$value": "{base.color.neutral.0}",
|
|
@@ -14474,6 +14596,10 @@
|
|
|
14474
14596
|
"collection": "mode",
|
|
14475
14597
|
"group": "component (internal)",
|
|
14476
14598
|
"scopes": ["bgColor"]
|
|
14599
|
+
},
|
|
14600
|
+
"org.primer.overrides": {
|
|
14601
|
+
"dark": "{bgColor.muted}",
|
|
14602
|
+
"dark-dimmed": "{base.color.neutral.5}"
|
|
14477
14603
|
}
|
|
14478
14604
|
}
|
|
14479
14605
|
},
|
|
@@ -14485,13 +14611,85 @@
|
|
|
14485
14611
|
"overlay-borderColor": {
|
|
14486
14612
|
"$value": "#454c54",
|
|
14487
14613
|
"$type": "color",
|
|
14488
|
-
"
|
|
14489
|
-
|
|
14614
|
+
"$extensions": {
|
|
14615
|
+
"org.primer.figma": {
|
|
14616
|
+
"collection": "mode",
|
|
14617
|
+
"group": "component (internal)"
|
|
14618
|
+
},
|
|
14619
|
+
"org.primer.overrides": {
|
|
14620
|
+
"dark": {
|
|
14621
|
+
"alpha": 1,
|
|
14622
|
+
"$value": "#454c54",
|
|
14623
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14624
|
+
"isSource": true,
|
|
14625
|
+
"$type": "color"
|
|
14626
|
+
},
|
|
14627
|
+
"dark-dimmed": {
|
|
14628
|
+
"$value": "#c8d1da",
|
|
14629
|
+
"alpha": 0.7,
|
|
14630
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14631
|
+
"isSource": true,
|
|
14632
|
+
"$type": "color"
|
|
14633
|
+
},
|
|
14634
|
+
"light-high-contrast": {
|
|
14635
|
+
"alpha": 1,
|
|
14636
|
+
"$value": "#454c54",
|
|
14637
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14638
|
+
"isSource": true,
|
|
14639
|
+
"$type": "color"
|
|
14640
|
+
},
|
|
14641
|
+
"dark-high-contrast": {
|
|
14642
|
+
"$value": "#454c54",
|
|
14643
|
+
"alpha": 1,
|
|
14644
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14645
|
+
"isSource": true,
|
|
14646
|
+
"$type": "color"
|
|
14647
|
+
}
|
|
14648
|
+
}
|
|
14649
|
+
},
|
|
14650
|
+
"alpha": 1,
|
|
14651
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14490
14652
|
"isSource": true,
|
|
14491
14653
|
"original": {
|
|
14492
14654
|
"$value": "{borderColor.default}",
|
|
14493
14655
|
"$type": "color",
|
|
14494
|
-
"
|
|
14656
|
+
"$extensions": {
|
|
14657
|
+
"org.primer.figma": {
|
|
14658
|
+
"collection": "mode",
|
|
14659
|
+
"group": "component (internal)"
|
|
14660
|
+
},
|
|
14661
|
+
"org.primer.overrides": {
|
|
14662
|
+
"dark": {
|
|
14663
|
+
"alpha": 1,
|
|
14664
|
+
"$value": "{borderColor.muted}",
|
|
14665
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14666
|
+
"isSource": true,
|
|
14667
|
+
"$type": "color"
|
|
14668
|
+
},
|
|
14669
|
+
"dark-dimmed": {
|
|
14670
|
+
"$value": "{base.color.neutral.7}",
|
|
14671
|
+
"alpha": 0.7,
|
|
14672
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14673
|
+
"isSource": true,
|
|
14674
|
+
"$type": "color"
|
|
14675
|
+
},
|
|
14676
|
+
"light-high-contrast": {
|
|
14677
|
+
"alpha": 1,
|
|
14678
|
+
"$value": "{borderColor.default}",
|
|
14679
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14680
|
+
"isSource": true,
|
|
14681
|
+
"$type": "color"
|
|
14682
|
+
},
|
|
14683
|
+
"dark-high-contrast": {
|
|
14684
|
+
"$value": "{borderColor.default}",
|
|
14685
|
+
"alpha": 1,
|
|
14686
|
+
"filePath": "src/tokens/component/overlay.json5",
|
|
14687
|
+
"isSource": true,
|
|
14688
|
+
"$type": "color"
|
|
14689
|
+
}
|
|
14690
|
+
}
|
|
14691
|
+
},
|
|
14692
|
+
"alpha": 1
|
|
14495
14693
|
},
|
|
14496
14694
|
"name": "overlay-borderColor",
|
|
14497
14695
|
"attributes": {},
|
|
@@ -14506,9 +14704,12 @@
|
|
|
14506
14704
|
"collection": "mode",
|
|
14507
14705
|
"group": "component",
|
|
14508
14706
|
"scopes": ["bgColor"]
|
|
14707
|
+
},
|
|
14708
|
+
"org.primer.overrides": {
|
|
14709
|
+
"dark": "#ffffff"
|
|
14509
14710
|
}
|
|
14510
14711
|
},
|
|
14511
|
-
"filePath": "src/tokens/
|
|
14712
|
+
"filePath": "src/tokens/component/page.json5",
|
|
14512
14713
|
"isSource": true,
|
|
14513
14714
|
"original": {
|
|
14514
14715
|
"$value": "{bgColor.muted}",
|
|
@@ -14518,6 +14719,9 @@
|
|
|
14518
14719
|
"collection": "mode",
|
|
14519
14720
|
"group": "component",
|
|
14520
14721
|
"scopes": ["bgColor"]
|
|
14722
|
+
},
|
|
14723
|
+
"org.primer.overrides": {
|
|
14724
|
+
"dark": "{bgColor.default}"
|
|
14521
14725
|
}
|
|
14522
14726
|
}
|
|
14523
14727
|
},
|
|
@@ -14529,11 +14733,73 @@
|
|
|
14529
14733
|
"reactionButton-selected-bgColor-hover": {
|
|
14530
14734
|
"$value": "#c7e9ff",
|
|
14531
14735
|
"$type": "color",
|
|
14532
|
-
"
|
|
14736
|
+
"$extensions": {
|
|
14737
|
+
"org.primer.figma": {
|
|
14738
|
+
"collection": "mode",
|
|
14739
|
+
"group": "component (internal)",
|
|
14740
|
+
"scopes": ["bgColor"]
|
|
14741
|
+
},
|
|
14742
|
+
"org.primer.overrides": {
|
|
14743
|
+
"dark": {
|
|
14744
|
+
"$value": "#3a8cfd",
|
|
14745
|
+
"alpha": 0.36,
|
|
14746
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14747
|
+
"isSource": true,
|
|
14748
|
+
"$type": "color"
|
|
14749
|
+
},
|
|
14750
|
+
"dark-dimmed": {
|
|
14751
|
+
"$value": "#4285e5",
|
|
14752
|
+
"alpha": 0.36,
|
|
14753
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14754
|
+
"isSource": true,
|
|
14755
|
+
"$type": "color"
|
|
14756
|
+
},
|
|
14757
|
+
"light-high-contrast": "#c7e9ff",
|
|
14758
|
+
"dark-high-contrast": {
|
|
14759
|
+
"$value": "#5dadff",
|
|
14760
|
+
"alpha": 0.36,
|
|
14761
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14762
|
+
"isSource": true,
|
|
14763
|
+
"$type": "color"
|
|
14764
|
+
}
|
|
14765
|
+
}
|
|
14766
|
+
},
|
|
14767
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14533
14768
|
"isSource": true,
|
|
14534
14769
|
"original": {
|
|
14535
14770
|
"$value": "#c7e9ff",
|
|
14536
|
-
"$type": "color"
|
|
14771
|
+
"$type": "color",
|
|
14772
|
+
"$extensions": {
|
|
14773
|
+
"org.primer.figma": {
|
|
14774
|
+
"collection": "mode",
|
|
14775
|
+
"group": "component (internal)",
|
|
14776
|
+
"scopes": ["bgColor"]
|
|
14777
|
+
},
|
|
14778
|
+
"org.primer.overrides": {
|
|
14779
|
+
"dark": {
|
|
14780
|
+
"$value": "#3a8cfd",
|
|
14781
|
+
"alpha": 0.36,
|
|
14782
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14783
|
+
"isSource": true,
|
|
14784
|
+
"$type": "color"
|
|
14785
|
+
},
|
|
14786
|
+
"dark-dimmed": {
|
|
14787
|
+
"$value": "#4285e5",
|
|
14788
|
+
"alpha": 0.36,
|
|
14789
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14790
|
+
"isSource": true,
|
|
14791
|
+
"$type": "color"
|
|
14792
|
+
},
|
|
14793
|
+
"light-high-contrast": "#c7e9ff",
|
|
14794
|
+
"dark-high-contrast": {
|
|
14795
|
+
"$value": "#5dadff",
|
|
14796
|
+
"alpha": 0.36,
|
|
14797
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14798
|
+
"isSource": true,
|
|
14799
|
+
"$type": "color"
|
|
14800
|
+
}
|
|
14801
|
+
}
|
|
14802
|
+
}
|
|
14537
14803
|
},
|
|
14538
14804
|
"name": "reactionButton-selected-bgColor-hover",
|
|
14539
14805
|
"attributes": {},
|
|
@@ -14548,9 +14814,18 @@
|
|
|
14548
14814
|
"collection": "mode",
|
|
14549
14815
|
"group": "component (internal)",
|
|
14550
14816
|
"scopes": ["bgColor"]
|
|
14817
|
+
},
|
|
14818
|
+
"org.primer.overrides": {
|
|
14819
|
+
"dark": {
|
|
14820
|
+
"$value": "#1168e3",
|
|
14821
|
+
"alpha": 0.2,
|
|
14822
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14823
|
+
"isSource": true,
|
|
14824
|
+
"$type": "color"
|
|
14825
|
+
}
|
|
14551
14826
|
}
|
|
14552
14827
|
},
|
|
14553
|
-
"filePath": "src/tokens/
|
|
14828
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14554
14829
|
"isSource": true,
|
|
14555
14830
|
"original": {
|
|
14556
14831
|
"$value": "{base.color.blue.0}",
|
|
@@ -14560,6 +14835,15 @@
|
|
|
14560
14835
|
"collection": "mode",
|
|
14561
14836
|
"group": "component (internal)",
|
|
14562
14837
|
"scopes": ["bgColor"]
|
|
14838
|
+
},
|
|
14839
|
+
"org.primer.overrides": {
|
|
14840
|
+
"dark": {
|
|
14841
|
+
"$value": "{base.color.blue.4}",
|
|
14842
|
+
"alpha": 0.2,
|
|
14843
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14844
|
+
"isSource": true,
|
|
14845
|
+
"$type": "color"
|
|
14846
|
+
}
|
|
14563
14847
|
}
|
|
14564
14848
|
}
|
|
14565
14849
|
},
|
|
@@ -14576,9 +14860,12 @@
|
|
|
14576
14860
|
"collection": "mode",
|
|
14577
14861
|
"group": "component (internal)",
|
|
14578
14862
|
"scopes": ["fgColor"]
|
|
14863
|
+
},
|
|
14864
|
+
"org.primer.overrides": {
|
|
14865
|
+
"dark": "#67b3fd"
|
|
14579
14866
|
}
|
|
14580
14867
|
},
|
|
14581
|
-
"filePath": "src/tokens/
|
|
14868
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14582
14869
|
"isSource": true,
|
|
14583
14870
|
"original": {
|
|
14584
14871
|
"$value": "{base.color.blue.6}",
|
|
@@ -14588,6 +14875,9 @@
|
|
|
14588
14875
|
"collection": "mode",
|
|
14589
14876
|
"group": "component (internal)",
|
|
14590
14877
|
"scopes": ["fgColor"]
|
|
14878
|
+
},
|
|
14879
|
+
"org.primer.overrides": {
|
|
14880
|
+
"dark": "{base.color.blue.2}"
|
|
14591
14881
|
}
|
|
14592
14882
|
}
|
|
14593
14883
|
},
|
|
@@ -14606,7 +14896,7 @@
|
|
|
14606
14896
|
"scopes": ["fgColor"]
|
|
14607
14897
|
}
|
|
14608
14898
|
},
|
|
14609
|
-
"filePath": "src/tokens/
|
|
14899
|
+
"filePath": "src/tokens/component/reactionButton.json5",
|
|
14610
14900
|
"isSource": true,
|
|
14611
14901
|
"original": {
|
|
14612
14902
|
"$value": "{fgColor.link}",
|
|
@@ -15115,12 +15405,64 @@
|
|
|
15115
15405
|
"skeletonLoader-bgColor": {
|
|
15116
15406
|
"$value": "#dae0e7",
|
|
15117
15407
|
"$type": "color",
|
|
15408
|
+
"$extensions": {
|
|
15409
|
+
"org.primer.figma": {
|
|
15410
|
+
"collection": "mode",
|
|
15411
|
+
"group": "component",
|
|
15412
|
+
"scopes": ["bgColor"]
|
|
15413
|
+
},
|
|
15414
|
+
"org.primer.overrides": {
|
|
15415
|
+
"dark": {
|
|
15416
|
+
"alpha": 0.2
|
|
15417
|
+
},
|
|
15418
|
+
"light-high-contrast": {
|
|
15419
|
+
"$value": "#dae0e7",
|
|
15420
|
+
"alpha": 1,
|
|
15421
|
+
"filePath": "src/tokens/component/skeletonLoader.json5",
|
|
15422
|
+
"isSource": true,
|
|
15423
|
+
"$type": "color"
|
|
15424
|
+
},
|
|
15425
|
+
"dark-high-contrast": {
|
|
15426
|
+
"$value": "#dae0e7",
|
|
15427
|
+
"alpha": 1,
|
|
15428
|
+
"filePath": "src/tokens/component/skeletonLoader.json5",
|
|
15429
|
+
"isSource": true,
|
|
15430
|
+
"$type": "color"
|
|
15431
|
+
}
|
|
15432
|
+
}
|
|
15433
|
+
},
|
|
15118
15434
|
"alpha": 1,
|
|
15119
|
-
"filePath": "src/tokens/
|
|
15435
|
+
"filePath": "src/tokens/component/skeletonLoader.json5",
|
|
15120
15436
|
"isSource": true,
|
|
15121
15437
|
"original": {
|
|
15122
15438
|
"$value": "{base.color.neutral.5}",
|
|
15123
15439
|
"$type": "color",
|
|
15440
|
+
"$extensions": {
|
|
15441
|
+
"org.primer.figma": {
|
|
15442
|
+
"collection": "mode",
|
|
15443
|
+
"group": "component",
|
|
15444
|
+
"scopes": ["bgColor"]
|
|
15445
|
+
},
|
|
15446
|
+
"org.primer.overrides": {
|
|
15447
|
+
"dark": {
|
|
15448
|
+
"alpha": 0.2
|
|
15449
|
+
},
|
|
15450
|
+
"light-high-contrast": {
|
|
15451
|
+
"$value": "{base.color.neutral.5}",
|
|
15452
|
+
"alpha": 1,
|
|
15453
|
+
"filePath": "src/tokens/component/skeletonLoader.json5",
|
|
15454
|
+
"isSource": true,
|
|
15455
|
+
"$type": "color"
|
|
15456
|
+
},
|
|
15457
|
+
"dark-high-contrast": {
|
|
15458
|
+
"$value": "{base.color.neutral.5}",
|
|
15459
|
+
"alpha": 1,
|
|
15460
|
+
"filePath": "src/tokens/component/skeletonLoader.json5",
|
|
15461
|
+
"isSource": true,
|
|
15462
|
+
"$type": "color"
|
|
15463
|
+
}
|
|
15464
|
+
}
|
|
15465
|
+
},
|
|
15124
15466
|
"alpha": 1
|
|
15125
15467
|
},
|
|
15126
15468
|
"name": "skeletonLoader-bgColor",
|
|
@@ -15136,9 +15478,13 @@
|
|
|
15136
15478
|
"collection": "mode",
|
|
15137
15479
|
"group": "component (internal)",
|
|
15138
15480
|
"scopes": ["bgColor"]
|
|
15481
|
+
},
|
|
15482
|
+
"org.primer.overrides": {
|
|
15483
|
+
"dark": "#e6eaef",
|
|
15484
|
+
"dark-dimmed": "#e0e6eb"
|
|
15139
15485
|
}
|
|
15140
15486
|
},
|
|
15141
|
-
"filePath": "src/tokens/
|
|
15487
|
+
"filePath": "src/tokens/component/timelineBadge.json5",
|
|
15142
15488
|
"isSource": true,
|
|
15143
15489
|
"original": {
|
|
15144
15490
|
"$value": "{bgColor.muted}",
|
|
@@ -15148,6 +15494,10 @@
|
|
|
15148
15494
|
"collection": "mode",
|
|
15149
15495
|
"group": "component (internal)",
|
|
15150
15496
|
"scopes": ["bgColor"]
|
|
15497
|
+
},
|
|
15498
|
+
"org.primer.overrides": {
|
|
15499
|
+
"dark": "{base.color.neutral.3}",
|
|
15500
|
+
"dark-dimmed": "{base.color.neutral.4}"
|
|
15151
15501
|
}
|
|
15152
15502
|
}
|
|
15153
15503
|
},
|