@primer/primitives 10.1.0 → 10.2.0-rc.285d8b6c
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/formats/cssAdvanced.js +2 -2
- package/dist/build/primerStyleDictionary.js +2 -0
- package/dist/build/schemas/colorToken.d.ts +1 -6
- package/dist/build/schemas/colorToken.js +1 -1
- package/dist/build/transformers/colorAlphaToCss.d.ts +3 -0
- package/dist/build/transformers/colorAlphaToCss.js +23 -0
- package/dist/build/transformers/colorToHex.js +1 -2
- package/dist/css/base/motion/motion.css +6 -6
- package/dist/css/base/size/size.css +6 -6
- package/dist/css/base/typography/typography.css +1 -1
- package/dist/css/functional/motion/motion.css +1 -1
- package/dist/css/functional/size/border.css +9 -9
- package/dist/css/functional/size/breakpoints.css +3 -3
- package/dist/css/functional/size/size-coarse.css +1 -1
- package/dist/css/functional/size/size-fine.css +1 -1
- package/dist/css/functional/size/size.css +49 -49
- package/dist/css/functional/themes/dark-colorblind.css +1124 -1124
- package/dist/css/functional/themes/dark-dimmed.css +1124 -1124
- package/dist/css/functional/themes/dark-high-contrast.css +1124 -1124
- package/dist/css/functional/themes/dark-tritanopia.css +1124 -1124
- package/dist/css/functional/themes/dark.css +1124 -1124
- package/dist/css/functional/themes/light-colorblind.css +1124 -1124
- package/dist/css/functional/themes/light-high-contrast.css +1124 -1124
- package/dist/css/functional/themes/light-tritanopia.css +1124 -1124
- package/dist/css/functional/themes/light.css +1124 -1124
- package/dist/css/functional/typography/typography.css +28 -28
- package/dist/css/primitives.css +105 -105
- package/dist/docs/functional/themes/dark-colorblind.json +47 -59
- package/dist/docs/functional/themes/dark-dimmed.json +13 -5
- package/dist/docs/functional/themes/dark-high-contrast.json +39 -17
- package/dist/docs/functional/themes/dark-tritanopia.json +57 -85
- package/dist/docs/functional/themes/dark.json +41 -33
- package/dist/docs/functional/themes/light-colorblind.json +37 -33
- package/dist/docs/functional/themes/light-high-contrast.json +35 -13
- package/dist/docs/functional/themes/light-tritanopia.json +37 -33
- package/dist/docs/functional/themes/light.json +35 -27
- package/dist/figma/themes/dark-colorblind.json +25 -24
- package/dist/figma/themes/dark-dimmed.json +6 -4
- package/dist/figma/themes/dark-high-contrast.json +20 -2
- package/dist/figma/themes/dark-tritanopia.json +29 -27
- package/dist/figma/themes/dark.json +31 -28
- package/dist/figma/themes/light-colorblind.json +16 -16
- package/dist/figma/themes/light-high-contrast.json +16 -0
- package/dist/figma/themes/light-tritanopia.json +16 -16
- package/dist/figma/themes/light.json +16 -16
- package/dist/internalCss/dark-colorblind.css +1594 -1594
- package/dist/internalCss/dark-dimmed.css +1594 -1594
- package/dist/internalCss/dark-high-contrast.css +1594 -1594
- package/dist/internalCss/dark-tritanopia.css +1594 -1594
- package/dist/internalCss/dark.css +1594 -1594
- package/dist/internalCss/light-colorblind.css +1560 -1560
- package/dist/internalCss/light-high-contrast.css +1560 -1560
- package/dist/internalCss/light-tritanopia.css +1560 -1560
- package/dist/internalCss/light.css +1560 -1560
- package/dist/styleLint/functional/themes/dark-colorblind.json +47 -59
- package/dist/styleLint/functional/themes/dark-dimmed.json +13 -5
- package/dist/styleLint/functional/themes/dark-high-contrast.json +39 -17
- package/dist/styleLint/functional/themes/dark-tritanopia.json +57 -85
- package/dist/styleLint/functional/themes/dark.json +41 -33
- package/dist/styleLint/functional/themes/light-colorblind.json +37 -33
- package/dist/styleLint/functional/themes/light-high-contrast.json +35 -13
- package/dist/styleLint/functional/themes/light-tritanopia.json +37 -33
- package/dist/styleLint/functional/themes/light.json +35 -27
- package/package.json +1 -5
- package/src/tokens/component/topicTag.json5 +19 -0
- package/src/tokens/functional/color/dark/app-dark.json5 +0 -14
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -6
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -15
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +9 -27
- package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
- package/src/tokens/functional/color/light/app-light.json5 +0 -13
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -6
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +1 -3
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +1 -3
|
@@ -1,31 +1,4 @@
|
|
|
1
1
|
{
|
|
2
|
-
"topicTag-borderColor": {
|
|
3
|
-
"$value": "#00000000",
|
|
4
|
-
"$type": "color",
|
|
5
|
-
"$extensions": {
|
|
6
|
-
"org.primer.figma": {
|
|
7
|
-
"collection": "mode",
|
|
8
|
-
"group": "component",
|
|
9
|
-
"scopes": ["borderColor"]
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
"filePath": "src/tokens/functional/color/dark/app-dark.json5",
|
|
13
|
-
"isSource": true,
|
|
14
|
-
"original": {
|
|
15
|
-
"$value": "{base.color.transparent}",
|
|
16
|
-
"$type": "color",
|
|
17
|
-
"$extensions": {
|
|
18
|
-
"org.primer.figma": {
|
|
19
|
-
"collection": "mode",
|
|
20
|
-
"group": "component",
|
|
21
|
-
"scopes": ["borderColor"]
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
"name": "topicTag-borderColor",
|
|
26
|
-
"attributes": {},
|
|
27
|
-
"path": ["topicTag", "borderColor"]
|
|
28
|
-
},
|
|
29
2
|
"highlight-neutral-bgColor": {
|
|
30
3
|
"$value": "#d2992266",
|
|
31
4
|
"$type": "color",
|
|
@@ -12178,8 +12151,8 @@
|
|
|
12178
12151
|
"fgColor-disabled": {
|
|
12179
12152
|
"$value": "#656c7699",
|
|
12180
12153
|
"$type": "color",
|
|
12154
|
+
"alpha": 0.6,
|
|
12181
12155
|
"$extensions": {
|
|
12182
|
-
"alpha": 0.6,
|
|
12183
12156
|
"org.primer.figma": {
|
|
12184
12157
|
"collection": "mode",
|
|
12185
12158
|
"group": "semantic",
|
|
@@ -12191,8 +12164,8 @@
|
|
|
12191
12164
|
"original": {
|
|
12192
12165
|
"$value": "{base.color.neutral.8}",
|
|
12193
12166
|
"$type": "color",
|
|
12167
|
+
"alpha": 0.6,
|
|
12194
12168
|
"$extensions": {
|
|
12195
|
-
"alpha": 0.6,
|
|
12196
12169
|
"org.primer.figma": {
|
|
12197
12170
|
"collection": "mode",
|
|
12198
12171
|
"group": "semantic",
|
|
@@ -13266,8 +13239,8 @@
|
|
|
13266
13239
|
"bgColor-danger-muted": {
|
|
13267
13240
|
"$value": "#f851491a",
|
|
13268
13241
|
"$type": "color",
|
|
13242
|
+
"alpha": 0.1,
|
|
13269
13243
|
"$extensions": {
|
|
13270
|
-
"alpha": 0.1,
|
|
13271
13244
|
"org.primer.figma": {
|
|
13272
13245
|
"collection": "mode",
|
|
13273
13246
|
"group": "semantic",
|
|
@@ -13282,8 +13255,8 @@
|
|
|
13282
13255
|
"original": {
|
|
13283
13256
|
"$value": "{base.color.red.4}",
|
|
13284
13257
|
"$type": "color",
|
|
13258
|
+
"alpha": 0.1,
|
|
13285
13259
|
"$extensions": {
|
|
13286
|
-
"alpha": 0.1,
|
|
13287
13260
|
"org.primer.figma": {
|
|
13288
13261
|
"collection": "mode",
|
|
13289
13262
|
"group": "semantic",
|
|
@@ -13334,8 +13307,8 @@
|
|
|
13334
13307
|
"bgColor-closed-muted": {
|
|
13335
13308
|
"$value": "#f851491a",
|
|
13336
13309
|
"$type": "color",
|
|
13310
|
+
"alpha": 0.1,
|
|
13337
13311
|
"$extensions": {
|
|
13338
|
-
"alpha": 0.1,
|
|
13339
13312
|
"org.primer.figma": {
|
|
13340
13313
|
"collection": "mode",
|
|
13341
13314
|
"group": "semantic",
|
|
@@ -13350,8 +13323,8 @@
|
|
|
13350
13323
|
"original": {
|
|
13351
13324
|
"$value": "{bgColor.danger.muted}",
|
|
13352
13325
|
"$type": "color",
|
|
13326
|
+
"alpha": 0.1,
|
|
13353
13327
|
"$extensions": {
|
|
13354
|
-
"alpha": 0.1,
|
|
13355
13328
|
"org.primer.figma": {
|
|
13356
13329
|
"collection": "mode",
|
|
13357
13330
|
"group": "semantic",
|
|
@@ -16511,5 +16484,40 @@
|
|
|
16511
16484
|
"name": "border-sponsors-muted",
|
|
16512
16485
|
"attributes": {},
|
|
16513
16486
|
"path": ["border", "sponsors", "muted"]
|
|
16487
|
+
},
|
|
16488
|
+
"topicTag-borderColor": {
|
|
16489
|
+
"$value": "#00000000",
|
|
16490
|
+
"$type": "color",
|
|
16491
|
+
"$extensions": {
|
|
16492
|
+
"org.primer.figma": {
|
|
16493
|
+
"collection": "mode",
|
|
16494
|
+
"group": "component",
|
|
16495
|
+
"scopes": ["borderColor"]
|
|
16496
|
+
},
|
|
16497
|
+
"org.primer.overrides": {
|
|
16498
|
+
"light-high-contrast": "#1f6feb",
|
|
16499
|
+
"dark-high-contrast": "#1f6feb"
|
|
16500
|
+
}
|
|
16501
|
+
},
|
|
16502
|
+
"filePath": "src/tokens/component/topicTag.json5",
|
|
16503
|
+
"isSource": true,
|
|
16504
|
+
"original": {
|
|
16505
|
+
"$value": "{base.color.transparent}",
|
|
16506
|
+
"$type": "color",
|
|
16507
|
+
"$extensions": {
|
|
16508
|
+
"org.primer.figma": {
|
|
16509
|
+
"collection": "mode",
|
|
16510
|
+
"group": "component",
|
|
16511
|
+
"scopes": ["borderColor"]
|
|
16512
|
+
},
|
|
16513
|
+
"org.primer.overrides": {
|
|
16514
|
+
"light-high-contrast": "{borderColor.accent.emphasis}",
|
|
16515
|
+
"dark-high-contrast": "{borderColor.accent.emphasis}"
|
|
16516
|
+
}
|
|
16517
|
+
}
|
|
16518
|
+
},
|
|
16519
|
+
"name": "topicTag-borderColor",
|
|
16520
|
+
"attributes": {},
|
|
16521
|
+
"path": ["topicTag", "borderColor"]
|
|
16514
16522
|
}
|
|
16515
16523
|
}
|
|
@@ -1,31 +1,4 @@
|
|
|
1
1
|
{
|
|
2
|
-
"topicTag-borderColor": {
|
|
3
|
-
"$value": "#ffffff00",
|
|
4
|
-
"$type": "color",
|
|
5
|
-
"$extensions": {
|
|
6
|
-
"org.primer.figma": {
|
|
7
|
-
"collection": "mode",
|
|
8
|
-
"group": "component",
|
|
9
|
-
"scopes": ["borderColor"]
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
13
|
-
"isSource": true,
|
|
14
|
-
"original": {
|
|
15
|
-
"$value": "{base.color.transparent}",
|
|
16
|
-
"$type": "color",
|
|
17
|
-
"$extensions": {
|
|
18
|
-
"org.primer.figma": {
|
|
19
|
-
"collection": "mode",
|
|
20
|
-
"group": "component",
|
|
21
|
-
"scopes": ["borderColor"]
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
"name": "topicTag-borderColor",
|
|
26
|
-
"attributes": {},
|
|
27
|
-
"path": ["topicTag", "borderColor"]
|
|
28
|
-
},
|
|
29
2
|
"highlight-neutral-bgColor": {
|
|
30
3
|
"$value": "#fff8c5",
|
|
31
4
|
"$type": "color",
|
|
@@ -13668,17 +13641,13 @@
|
|
|
13668
13641
|
"borderColor-closed-muted": {
|
|
13669
13642
|
"$value": "#d1d9e066",
|
|
13670
13643
|
"$type": "color",
|
|
13671
|
-
"
|
|
13672
|
-
"alpha": 0.4
|
|
13673
|
-
},
|
|
13644
|
+
"alpha": 0.4,
|
|
13674
13645
|
"filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
|
|
13675
13646
|
"isSource": true,
|
|
13676
13647
|
"original": {
|
|
13677
13648
|
"$value": "{borderColor.default}",
|
|
13678
13649
|
"$type": "color",
|
|
13679
|
-
"
|
|
13680
|
-
"alpha": 0.4
|
|
13681
|
-
}
|
|
13650
|
+
"alpha": 0.4
|
|
13682
13651
|
},
|
|
13683
13652
|
"name": "borderColor-closed-muted",
|
|
13684
13653
|
"attributes": {},
|
|
@@ -15727,5 +15696,40 @@
|
|
|
15727
15696
|
"name": "border-sponsors-muted",
|
|
15728
15697
|
"attributes": {},
|
|
15729
15698
|
"path": ["border", "sponsors", "muted"]
|
|
15699
|
+
},
|
|
15700
|
+
"topicTag-borderColor": {
|
|
15701
|
+
"$value": "#ffffff00",
|
|
15702
|
+
"$type": "color",
|
|
15703
|
+
"$extensions": {
|
|
15704
|
+
"org.primer.figma": {
|
|
15705
|
+
"collection": "mode",
|
|
15706
|
+
"group": "component",
|
|
15707
|
+
"scopes": ["borderColor"]
|
|
15708
|
+
},
|
|
15709
|
+
"org.primer.overrides": {
|
|
15710
|
+
"light-high-contrast": "#0969da",
|
|
15711
|
+
"dark-high-contrast": "#0969da"
|
|
15712
|
+
}
|
|
15713
|
+
},
|
|
15714
|
+
"filePath": "src/tokens/component/topicTag.json5",
|
|
15715
|
+
"isSource": true,
|
|
15716
|
+
"original": {
|
|
15717
|
+
"$value": "{base.color.transparent}",
|
|
15718
|
+
"$type": "color",
|
|
15719
|
+
"$extensions": {
|
|
15720
|
+
"org.primer.figma": {
|
|
15721
|
+
"collection": "mode",
|
|
15722
|
+
"group": "component",
|
|
15723
|
+
"scopes": ["borderColor"]
|
|
15724
|
+
},
|
|
15725
|
+
"org.primer.overrides": {
|
|
15726
|
+
"light-high-contrast": "{borderColor.accent.emphasis}",
|
|
15727
|
+
"dark-high-contrast": "{borderColor.accent.emphasis}"
|
|
15728
|
+
}
|
|
15729
|
+
}
|
|
15730
|
+
},
|
|
15731
|
+
"name": "topicTag-borderColor",
|
|
15732
|
+
"attributes": {},
|
|
15733
|
+
"path": ["topicTag", "borderColor"]
|
|
15730
15734
|
}
|
|
15731
15735
|
}
|
|
@@ -1,17 +1,4 @@
|
|
|
1
1
|
{
|
|
2
|
-
"topicTag-borderColor": {
|
|
3
|
-
"$value": "#0349b4",
|
|
4
|
-
"$type": "color",
|
|
5
|
-
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
6
|
-
"isSource": true,
|
|
7
|
-
"original": {
|
|
8
|
-
"$value": "{borderColor.accent.emphasis}",
|
|
9
|
-
"$type": "color"
|
|
10
|
-
},
|
|
11
|
-
"name": "topicTag-borderColor",
|
|
12
|
-
"attributes": {},
|
|
13
|
-
"path": ["topicTag", "borderColor"]
|
|
14
|
-
},
|
|
15
2
|
"highlight-neutral-bgColor": {
|
|
16
3
|
"$value": "#fcf7be",
|
|
17
4
|
"$type": "color",
|
|
@@ -14347,5 +14334,40 @@
|
|
|
14347
14334
|
"name": "border-sponsors-muted",
|
|
14348
14335
|
"attributes": {},
|
|
14349
14336
|
"path": ["border", "sponsors", "muted"]
|
|
14337
|
+
},
|
|
14338
|
+
"topicTag-borderColor": {
|
|
14339
|
+
"$value": "#0349b4",
|
|
14340
|
+
"$type": "color",
|
|
14341
|
+
"$extensions": {
|
|
14342
|
+
"org.primer.figma": {
|
|
14343
|
+
"collection": "mode",
|
|
14344
|
+
"group": "component",
|
|
14345
|
+
"scopes": ["borderColor"]
|
|
14346
|
+
},
|
|
14347
|
+
"org.primer.overrides": {
|
|
14348
|
+
"light-high-contrast": "#0349b4",
|
|
14349
|
+
"dark-high-contrast": "#0349b4"
|
|
14350
|
+
}
|
|
14351
|
+
},
|
|
14352
|
+
"filePath": "src/tokens/component/topicTag.json5",
|
|
14353
|
+
"isSource": true,
|
|
14354
|
+
"original": {
|
|
14355
|
+
"$value": "{borderColor.accent.emphasis}",
|
|
14356
|
+
"$type": "color",
|
|
14357
|
+
"$extensions": {
|
|
14358
|
+
"org.primer.figma": {
|
|
14359
|
+
"collection": "mode",
|
|
14360
|
+
"group": "component",
|
|
14361
|
+
"scopes": ["borderColor"]
|
|
14362
|
+
},
|
|
14363
|
+
"org.primer.overrides": {
|
|
14364
|
+
"light-high-contrast": "{borderColor.accent.emphasis}",
|
|
14365
|
+
"dark-high-contrast": "{borderColor.accent.emphasis}"
|
|
14366
|
+
}
|
|
14367
|
+
}
|
|
14368
|
+
},
|
|
14369
|
+
"name": "topicTag-borderColor",
|
|
14370
|
+
"attributes": {},
|
|
14371
|
+
"path": ["topicTag", "borderColor"]
|
|
14350
14372
|
}
|
|
14351
14373
|
}
|
|
@@ -1,31 +1,4 @@
|
|
|
1
1
|
{
|
|
2
|
-
"topicTag-borderColor": {
|
|
3
|
-
"$value": "#ffffff00",
|
|
4
|
-
"$type": "color",
|
|
5
|
-
"$extensions": {
|
|
6
|
-
"org.primer.figma": {
|
|
7
|
-
"collection": "mode",
|
|
8
|
-
"group": "component",
|
|
9
|
-
"scopes": ["borderColor"]
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
13
|
-
"isSource": true,
|
|
14
|
-
"original": {
|
|
15
|
-
"$value": "{base.color.transparent}",
|
|
16
|
-
"$type": "color",
|
|
17
|
-
"$extensions": {
|
|
18
|
-
"org.primer.figma": {
|
|
19
|
-
"collection": "mode",
|
|
20
|
-
"group": "component",
|
|
21
|
-
"scopes": ["borderColor"]
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
"name": "topicTag-borderColor",
|
|
26
|
-
"attributes": {},
|
|
27
|
-
"path": ["topicTag", "borderColor"]
|
|
28
|
-
},
|
|
29
2
|
"highlight-neutral-bgColor": {
|
|
30
3
|
"$value": "#fff8c5",
|
|
31
4
|
"$type": "color",
|
|
@@ -13710,17 +13683,13 @@
|
|
|
13710
13683
|
"borderColor-closed-muted": {
|
|
13711
13684
|
"$value": "#d1d9e066",
|
|
13712
13685
|
"$type": "color",
|
|
13713
|
-
"
|
|
13714
|
-
"alpha": 0.4
|
|
13715
|
-
},
|
|
13686
|
+
"alpha": 0.4,
|
|
13716
13687
|
"filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
|
|
13717
13688
|
"isSource": true,
|
|
13718
13689
|
"original": {
|
|
13719
13690
|
"$value": "{borderColor.default}",
|
|
13720
13691
|
"$type": "color",
|
|
13721
|
-
"
|
|
13722
|
-
"alpha": 0.4
|
|
13723
|
-
}
|
|
13692
|
+
"alpha": 0.4
|
|
13724
13693
|
},
|
|
13725
13694
|
"name": "borderColor-closed-muted",
|
|
13726
13695
|
"attributes": {},
|
|
@@ -15829,5 +15798,40 @@
|
|
|
15829
15798
|
"name": "border-sponsors-muted",
|
|
15830
15799
|
"attributes": {},
|
|
15831
15800
|
"path": ["border", "sponsors", "muted"]
|
|
15801
|
+
},
|
|
15802
|
+
"topicTag-borderColor": {
|
|
15803
|
+
"$value": "#ffffff00",
|
|
15804
|
+
"$type": "color",
|
|
15805
|
+
"$extensions": {
|
|
15806
|
+
"org.primer.figma": {
|
|
15807
|
+
"collection": "mode",
|
|
15808
|
+
"group": "component",
|
|
15809
|
+
"scopes": ["borderColor"]
|
|
15810
|
+
},
|
|
15811
|
+
"org.primer.overrides": {
|
|
15812
|
+
"light-high-contrast": "#0969da",
|
|
15813
|
+
"dark-high-contrast": "#0969da"
|
|
15814
|
+
}
|
|
15815
|
+
},
|
|
15816
|
+
"filePath": "src/tokens/component/topicTag.json5",
|
|
15817
|
+
"isSource": true,
|
|
15818
|
+
"original": {
|
|
15819
|
+
"$value": "{base.color.transparent}",
|
|
15820
|
+
"$type": "color",
|
|
15821
|
+
"$extensions": {
|
|
15822
|
+
"org.primer.figma": {
|
|
15823
|
+
"collection": "mode",
|
|
15824
|
+
"group": "component",
|
|
15825
|
+
"scopes": ["borderColor"]
|
|
15826
|
+
},
|
|
15827
|
+
"org.primer.overrides": {
|
|
15828
|
+
"light-high-contrast": "{borderColor.accent.emphasis}",
|
|
15829
|
+
"dark-high-contrast": "{borderColor.accent.emphasis}"
|
|
15830
|
+
}
|
|
15831
|
+
}
|
|
15832
|
+
},
|
|
15833
|
+
"name": "topicTag-borderColor",
|
|
15834
|
+
"attributes": {},
|
|
15835
|
+
"path": ["topicTag", "borderColor"]
|
|
15832
15836
|
}
|
|
15833
15837
|
}
|
|
@@ -1,31 +1,4 @@
|
|
|
1
1
|
{
|
|
2
|
-
"topicTag-borderColor": {
|
|
3
|
-
"$value": "#ffffff00",
|
|
4
|
-
"$type": "color",
|
|
5
|
-
"$extensions": {
|
|
6
|
-
"org.primer.figma": {
|
|
7
|
-
"collection": "mode",
|
|
8
|
-
"group": "component",
|
|
9
|
-
"scopes": ["borderColor"]
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
13
|
-
"isSource": true,
|
|
14
|
-
"original": {
|
|
15
|
-
"$value": "{base.color.transparent}",
|
|
16
|
-
"$type": "color",
|
|
17
|
-
"$extensions": {
|
|
18
|
-
"org.primer.figma": {
|
|
19
|
-
"collection": "mode",
|
|
20
|
-
"group": "component",
|
|
21
|
-
"scopes": ["borderColor"]
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
"name": "topicTag-borderColor",
|
|
26
|
-
"attributes": {},
|
|
27
|
-
"path": ["topicTag", "borderColor"]
|
|
28
|
-
},
|
|
29
2
|
"highlight-neutral-bgColor": {
|
|
30
3
|
"$value": "#fff8c5",
|
|
31
4
|
"$type": "color",
|
|
@@ -16447,5 +16420,40 @@
|
|
|
16447
16420
|
"name": "border-sponsors-muted",
|
|
16448
16421
|
"attributes": {},
|
|
16449
16422
|
"path": ["border", "sponsors", "muted"]
|
|
16423
|
+
},
|
|
16424
|
+
"topicTag-borderColor": {
|
|
16425
|
+
"$value": "#ffffff00",
|
|
16426
|
+
"$type": "color",
|
|
16427
|
+
"$extensions": {
|
|
16428
|
+
"org.primer.figma": {
|
|
16429
|
+
"collection": "mode",
|
|
16430
|
+
"group": "component",
|
|
16431
|
+
"scopes": ["borderColor"]
|
|
16432
|
+
},
|
|
16433
|
+
"org.primer.overrides": {
|
|
16434
|
+
"light-high-contrast": "#0969da",
|
|
16435
|
+
"dark-high-contrast": "#0969da"
|
|
16436
|
+
}
|
|
16437
|
+
},
|
|
16438
|
+
"filePath": "src/tokens/component/topicTag.json5",
|
|
16439
|
+
"isSource": true,
|
|
16440
|
+
"original": {
|
|
16441
|
+
"$value": "{base.color.transparent}",
|
|
16442
|
+
"$type": "color",
|
|
16443
|
+
"$extensions": {
|
|
16444
|
+
"org.primer.figma": {
|
|
16445
|
+
"collection": "mode",
|
|
16446
|
+
"group": "component",
|
|
16447
|
+
"scopes": ["borderColor"]
|
|
16448
|
+
},
|
|
16449
|
+
"org.primer.overrides": {
|
|
16450
|
+
"light-high-contrast": "{borderColor.accent.emphasis}",
|
|
16451
|
+
"dark-high-contrast": "{borderColor.accent.emphasis}"
|
|
16452
|
+
}
|
|
16453
|
+
}
|
|
16454
|
+
},
|
|
16455
|
+
"name": "topicTag-borderColor",
|
|
16456
|
+
"attributes": {},
|
|
16457
|
+
"path": ["topicTag", "borderColor"]
|
|
16450
16458
|
}
|
|
16451
16459
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/primitives",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.2.0-rc.285d8b6c",
|
|
4
4
|
"description": "Typography, spacing, and color primitives for Primer design system",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -77,9 +77,5 @@
|
|
|
77
77
|
"vitest": "^2.0.3",
|
|
78
78
|
"zod": "3.23",
|
|
79
79
|
"zod-validation-error": "3.4"
|
|
80
|
-
},
|
|
81
|
-
"optionalDependencies": {
|
|
82
|
-
"@rollup/rollup-linux-x64-gnu": "^4.22.0",
|
|
83
|
-
"@esbuild/linux-x64": "0.24.0"
|
|
84
80
|
}
|
|
85
81
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
{
|
|
2
|
+
topicTag: {
|
|
3
|
+
borderColor: {
|
|
4
|
+
$value: '{base.color.transparent}',
|
|
5
|
+
$type: 'color',
|
|
6
|
+
$extensions: {
|
|
7
|
+
'org.primer.figma': {
|
|
8
|
+
collection: 'mode',
|
|
9
|
+
group: 'component',
|
|
10
|
+
scopes: ['borderColor'],
|
|
11
|
+
},
|
|
12
|
+
'org.primer.overrides': {
|
|
13
|
+
'light-high-contrast': '{borderColor.accent.emphasis}',
|
|
14
|
+
'dark-high-contrast': '{borderColor.accent.emphasis}',
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
}
|
|
@@ -1,18 +1,4 @@
|
|
|
1
1
|
{
|
|
2
|
-
topicTag: {
|
|
3
|
-
borderColor: {
|
|
4
|
-
$value: '{base.color.transparent}',
|
|
5
|
-
$type: 'color',
|
|
6
|
-
$extensions: {
|
|
7
|
-
'org.primer.figma': {
|
|
8
|
-
collection: 'mode',
|
|
9
|
-
|
|
10
|
-
group: 'component',
|
|
11
|
-
scopes: ['borderColor'],
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
2
|
highlight: {
|
|
17
3
|
neutral: {
|
|
18
4
|
bgColor: {
|
|
@@ -60,9 +60,7 @@
|
|
|
60
60
|
muted: {
|
|
61
61
|
$value: '{bgColor.neutral.muted}',
|
|
62
62
|
$type: 'color',
|
|
63
|
-
|
|
64
|
-
alpha: 0.1,
|
|
65
|
-
},
|
|
63
|
+
alpha: 0.1,
|
|
66
64
|
},
|
|
67
65
|
emphasis: {
|
|
68
66
|
$value: '{bgColor.neutral.emphasis}',
|
|
@@ -86,9 +84,7 @@
|
|
|
86
84
|
muted: {
|
|
87
85
|
$value: '{borderColor.muted}',
|
|
88
86
|
$type: 'color',
|
|
89
|
-
|
|
90
|
-
alpha: 0.4,
|
|
91
|
-
},
|
|
87
|
+
alpha: 0.4,
|
|
92
88
|
},
|
|
93
89
|
emphasis: {
|
|
94
90
|
$value: '{borderColor.emphasis}',
|
|
@@ -231,16 +227,12 @@
|
|
|
231
227
|
rest: {
|
|
232
228
|
$value: '{base.color.neutral.6}',
|
|
233
229
|
$type: 'color',
|
|
234
|
-
|
|
235
|
-
alpha: 1,
|
|
236
|
-
},
|
|
230
|
+
alpha: 1,
|
|
237
231
|
},
|
|
238
232
|
hover: {
|
|
239
233
|
$value: '{base.color.neutral.8}',
|
|
240
234
|
$type: 'color',
|
|
241
|
-
|
|
242
|
-
alpha: 1,
|
|
243
|
-
},
|
|
235
|
+
alpha: 1,
|
|
244
236
|
},
|
|
245
237
|
},
|
|
246
238
|
},
|
|
@@ -248,9 +240,7 @@
|
|
|
248
240
|
bgColor: {
|
|
249
241
|
$value: '{base.color.neutral.3}',
|
|
250
242
|
$type: 'color',
|
|
251
|
-
|
|
252
|
-
alpha: 1,
|
|
253
|
-
},
|
|
243
|
+
alpha: 1,
|
|
254
244
|
},
|
|
255
245
|
},
|
|
256
246
|
},
|
|
@@ -80,9 +80,7 @@
|
|
|
80
80
|
muted: {
|
|
81
81
|
$value: '{base.color.blue.4}',
|
|
82
82
|
$type: 'color',
|
|
83
|
-
|
|
84
|
-
alpha: 0.4,
|
|
85
|
-
},
|
|
83
|
+
alpha: 0.4,
|
|
86
84
|
},
|
|
87
85
|
emphasis: {
|
|
88
86
|
$value: '{base.color.blue.5}',
|
|
@@ -93,9 +91,7 @@
|
|
|
93
91
|
muted: {
|
|
94
92
|
$value: '{base.color.red.4}',
|
|
95
93
|
$type: 'color',
|
|
96
|
-
|
|
97
|
-
alpha: 0.4,
|
|
98
|
-
},
|
|
94
|
+
alpha: 0.4,
|
|
99
95
|
},
|
|
100
96
|
emphasis: {
|
|
101
97
|
$value: '{base.color.red.5}',
|
|
@@ -106,9 +102,7 @@
|
|
|
106
102
|
muted: {
|
|
107
103
|
$value: '{base.color.red.4}',
|
|
108
104
|
$type: 'color',
|
|
109
|
-
|
|
110
|
-
alpha: 0.4,
|
|
111
|
-
},
|
|
105
|
+
alpha: 0.4,
|
|
112
106
|
},
|
|
113
107
|
emphasis: {
|
|
114
108
|
$value: '{base.color.red.5}',
|
|
@@ -119,9 +113,7 @@
|
|
|
119
113
|
muted: {
|
|
120
114
|
$value: '{borderColor.default}',
|
|
121
115
|
$type: 'color',
|
|
122
|
-
|
|
123
|
-
alpha: 0.4,
|
|
124
|
-
},
|
|
116
|
+
alpha: 0.4,
|
|
125
117
|
},
|
|
126
118
|
emphasis: {
|
|
127
119
|
$value: '{borderColor.emphasis}',
|
|
@@ -134,18 +126,14 @@
|
|
|
134
126
|
bgColor: {
|
|
135
127
|
$value: '{base.color.blue.3}',
|
|
136
128
|
$type: 'color',
|
|
137
|
-
|
|
138
|
-
alpha: 0.3,
|
|
139
|
-
},
|
|
129
|
+
alpha: 0.3,
|
|
140
130
|
},
|
|
141
131
|
},
|
|
142
132
|
additionWord: {
|
|
143
133
|
bgColor: {
|
|
144
134
|
$value: '{base.color.blue.4}',
|
|
145
135
|
$type: 'color',
|
|
146
|
-
|
|
147
|
-
alpha: 0.4,
|
|
148
|
-
},
|
|
136
|
+
alpha: 0.4,
|
|
149
137
|
},
|
|
150
138
|
},
|
|
151
139
|
hunkNum: {
|
|
@@ -153,16 +141,12 @@
|
|
|
153
141
|
rest: {
|
|
154
142
|
$value: '{base.color.neutral.6}',
|
|
155
143
|
$type: 'color',
|
|
156
|
-
|
|
157
|
-
alpha: 1,
|
|
158
|
-
},
|
|
144
|
+
alpha: 1,
|
|
159
145
|
},
|
|
160
146
|
hover: {
|
|
161
147
|
$value: '{base.color.neutral.8}',
|
|
162
148
|
$type: 'color',
|
|
163
|
-
|
|
164
|
-
alpha: 1,
|
|
165
|
-
},
|
|
149
|
+
alpha: 1,
|
|
166
150
|
},
|
|
167
151
|
},
|
|
168
152
|
},
|
|
@@ -170,9 +154,7 @@
|
|
|
170
154
|
bgColor: {
|
|
171
155
|
$value: '{base.color.neutral.3}',
|
|
172
156
|
$type: 'color',
|
|
173
|
-
|
|
174
|
-
alpha: 1,
|
|
175
|
-
},
|
|
157
|
+
alpha: 1,
|
|
176
158
|
},
|
|
177
159
|
},
|
|
178
160
|
},
|
|
@@ -84,8 +84,8 @@
|
|
|
84
84
|
disabled: {
|
|
85
85
|
$value: '{base.color.neutral.8}',
|
|
86
86
|
$type: 'color',
|
|
87
|
+
alpha: 0.6,
|
|
87
88
|
$extensions: {
|
|
88
|
-
alpha: 0.6,
|
|
89
89
|
'org.primer.figma': {
|
|
90
90
|
collection: 'mode',
|
|
91
91
|
|
|
@@ -592,8 +592,8 @@
|
|
|
592
592
|
muted: {
|
|
593
593
|
$value: '{base.color.red.4}',
|
|
594
594
|
$type: 'color',
|
|
595
|
+
alpha: 0.1,
|
|
595
596
|
$extensions: {
|
|
596
|
-
alpha: 0.1,
|
|
597
597
|
'org.primer.figma': {
|
|
598
598
|
collection: 'mode',
|
|
599
599
|
|
|
@@ -625,8 +625,8 @@
|
|
|
625
625
|
muted: {
|
|
626
626
|
$value: '{bgColor.danger.muted}',
|
|
627
627
|
$type: 'color',
|
|
628
|
+
alpha: 0.1,
|
|
628
629
|
$extensions: {
|
|
629
|
-
alpha: 0.1,
|
|
630
630
|
'org.primer.figma': {
|
|
631
631
|
collection: 'mode',
|
|
632
632
|
|