@primer/primitives 10.1.0-rc.f1589f93 → 10.1.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/README.md +0 -21
- package/dist/build/filters/index.d.ts +0 -1
- package/dist/build/filters/index.js +0 -1
- package/dist/build/formats/jsonFigma.js +1 -2
- package/dist/build/platforms/css.js +6 -7
- package/dist/build/platforms/docJson.js +0 -1
- package/dist/build/platforms/fallbacks.js +0 -1
- package/dist/build/platforms/javascript.js +0 -1
- package/dist/build/platforms/json.js +0 -1
- package/dist/build/platforms/styleLint.js +0 -1
- package/dist/build/platforms/typescript.js +0 -1
- package/dist/build/primerStyleDictionary.js +7 -3
- package/dist/build/schemas/colorToken.d.ts +0 -18
- package/dist/build/schemas/colorToken.js +0 -7
- package/dist/build/transformers/borderToCss.js +2 -2
- package/dist/build/transformers/colorToRgbaFloat.js +2 -12
- package/dist/build/transformers/index.d.ts +0 -1
- package/dist/build/transformers/index.js +0 -1
- package/dist/css/functional/size/border.css +7 -6
- package/dist/css/functional/themes/dark-colorblind.css +60 -6
- package/dist/css/functional/themes/dark-dimmed.css +60 -6
- package/dist/css/functional/themes/dark-high-contrast.css +60 -6
- package/dist/css/functional/themes/dark-tritanopia.css +60 -6
- package/dist/css/functional/themes/dark.css +60 -6
- package/dist/css/functional/themes/light-colorblind.css +60 -6
- package/dist/css/functional/themes/light-high-contrast.css +60 -6
- package/dist/css/functional/themes/light-tritanopia.css +60 -6
- package/dist/css/functional/themes/light.css +60 -6
- package/dist/css/primitives.css +7 -6
- package/dist/docs/base/size/size.json +19 -19
- package/dist/docs/base/typography/typography.json +4 -4
- package/dist/docs/functional/size/border.json +41 -28
- package/dist/docs/functional/size/breakpoints.json +6 -6
- package/dist/docs/functional/size/size-coarse.json +3 -3
- package/dist/docs/functional/size/size-fine.json +3 -3
- package/dist/docs/functional/size/size.json +66 -66
- package/dist/docs/functional/size/viewport.json +6 -6
- package/dist/docs/functional/themes/dark-colorblind.json +475 -128
- package/dist/docs/functional/themes/dark-dimmed.json +519 -444
- package/dist/docs/functional/themes/dark-high-contrast.json +490 -241
- package/dist/docs/functional/themes/dark-tritanopia.json +485 -200
- package/dist/docs/functional/themes/dark.json +469 -102
- package/dist/docs/functional/themes/light-colorblind.json +463 -94
- package/dist/docs/functional/themes/light-high-contrast.json +487 -274
- package/dist/docs/functional/themes/light-tritanopia.json +463 -102
- package/dist/docs/functional/themes/light.json +460 -105
- package/dist/docs/functional/typography/typography.json +46 -46
- package/dist/fallbacks/functional/size/border.json +7 -6
- package/dist/figma/themes/dark-colorblind.json +14 -54
- package/dist/figma/themes/dark-dimmed.json +15 -356
- package/dist/figma/themes/dark-high-contrast.json +10 -129
- package/dist/figma/themes/dark-tritanopia.json +14 -111
- package/dist/figma/themes/dark.json +14 -34
- package/dist/figma/themes/light-colorblind.json +10 -20
- package/dist/figma/themes/light-high-contrast.json +10 -177
- package/dist/figma/themes/light-tritanopia.json +10 -24
- package/dist/figma/themes/light.json +10 -32
- package/dist/internalCss/dark-colorblind.css +88 -6
- package/dist/internalCss/dark-dimmed.css +88 -6
- package/dist/internalCss/dark-high-contrast.css +88 -6
- package/dist/internalCss/dark-tritanopia.css +88 -6
- package/dist/internalCss/dark.css +88 -6
- package/dist/internalCss/light-colorblind.css +88 -6
- package/dist/internalCss/light-high-contrast.css +88 -6
- package/dist/internalCss/light-tritanopia.css +88 -6
- package/dist/internalCss/light.css +88 -6
- package/dist/styleLint/base/size/size.json +19 -19
- package/dist/styleLint/base/typography/typography.json +4 -4
- package/dist/styleLint/functional/size/border.json +41 -28
- package/dist/styleLint/functional/size/breakpoints.json +6 -6
- package/dist/styleLint/functional/size/size-coarse.json +3 -3
- package/dist/styleLint/functional/size/size-fine.json +3 -3
- package/dist/styleLint/functional/size/size.json +66 -66
- package/dist/styleLint/functional/size/viewport.json +6 -6
- package/dist/styleLint/functional/themes/dark-colorblind.json +475 -128
- package/dist/styleLint/functional/themes/dark-dimmed.json +519 -444
- package/dist/styleLint/functional/themes/dark-high-contrast.json +490 -241
- package/dist/styleLint/functional/themes/dark-tritanopia.json +485 -200
- package/dist/styleLint/functional/themes/dark.json +469 -102
- package/dist/styleLint/functional/themes/light-colorblind.json +463 -94
- package/dist/styleLint/functional/themes/light-high-contrast.json +487 -274
- package/dist/styleLint/functional/themes/light-tritanopia.json +463 -102
- package/dist/styleLint/functional/themes/light.json +460 -105
- package/dist/styleLint/functional/typography/typography.json +46 -46
- package/package.json +1 -1
- package/src/tokens/base/typography/typography.json5 +48 -0
- package/src/tokens/functional/border/border.json5 +236 -0
- package/src/tokens/functional/color/dark/app-dark.json5 +0 -2
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +120 -6
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +46 -29
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +15 -20
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +32 -18
- package/src/tokens/functional/color/dark/patterns-dark.json5 +13 -45
- package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -6
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +67 -20
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -21
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -16
- package/src/tokens/functional/color/light/patterns-light.json5 +11 -47
- package/src/tokens/functional/color/light/primitives-light.json5 +2 -10
- package/src/tokens/functional/size/border.json5 +115 -0
- package/src/tokens/functional/typography/typography.json5 +527 -0
- package/dist/build/filters/isColorWithMix.d.ts +0 -7
- package/dist/build/filters/isColorWithMix.js +0 -24
- package/dist/build/transformers/colorToHexMix.d.ts +0 -8
- package/dist/build/transformers/colorToHexMix.js +0 -20
- package/dist/build/transformers/utilities/mix.d.ts +0 -5
- package/dist/build/transformers/utilities/mix.js +0 -38
- package/src/tokens/base/typography/typography.json +0 -48
- package/src/tokens/functional/border/dark.json5 +0 -12
- package/src/tokens/functional/border/light.json5 +0 -12
- package/src/tokens/functional/color/dark/patterns-dark.json +0 -3963
- package/src/tokens/functional/size/border.json +0 -111
- package/src/tokens/functional/typography/typography.json +0 -527
- /package/src/tokens/base/size/{size.json → size.json5} +0 -0
- /package/src/tokens/functional/size/{breakpoints.json → breakpoints.json5} +0 -0
- /package/src/tokens/functional/size/{size-coarse.json → size-coarse.json5} +0 -0
- /package/src/tokens/functional/size/{size-fine.json → size-fine.json5} +0 -0
- /package/src/tokens/functional/size/{size.json → size.json5} +0 -0
- /package/src/tokens/functional/size/{viewport.json → viewport.json5} +0 -0
|
@@ -120,7 +120,6 @@
|
|
|
120
120
|
}
|
|
121
121
|
},
|
|
122
122
|
"alpha": 0.15,
|
|
123
|
-
"mix": null,
|
|
124
123
|
"filePath": "src/tokens/functional/color/dark/app-dark.json5",
|
|
125
124
|
"isSource": true,
|
|
126
125
|
"original": {
|
|
@@ -133,8 +132,7 @@
|
|
|
133
132
|
"scopes": ["bgColor"]
|
|
134
133
|
}
|
|
135
134
|
},
|
|
136
|
-
"alpha": 0.15
|
|
137
|
-
"mix": null
|
|
135
|
+
"alpha": 0.15
|
|
138
136
|
},
|
|
139
137
|
"name": "diffBlob-additionLine-bgColor",
|
|
140
138
|
"attributes": {},
|
|
@@ -289,7 +287,6 @@
|
|
|
289
287
|
"scopes": ["bgColor"]
|
|
290
288
|
}
|
|
291
289
|
},
|
|
292
|
-
"mix": null,
|
|
293
290
|
"filePath": "src/tokens/functional/color/dark/app-dark.json5",
|
|
294
291
|
"isSource": true,
|
|
295
292
|
"original": {
|
|
@@ -301,8 +298,7 @@
|
|
|
301
298
|
"group": "component",
|
|
302
299
|
"scopes": ["bgColor"]
|
|
303
300
|
}
|
|
304
|
-
}
|
|
305
|
-
"mix": null
|
|
301
|
+
}
|
|
306
302
|
},
|
|
307
303
|
"name": "diffBlob-deletionLine-bgColor",
|
|
308
304
|
"attributes": {},
|
|
@@ -4771,7 +4767,7 @@
|
|
|
4771
4767
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
4772
4768
|
"isSource": true,
|
|
4773
4769
|
"original": {
|
|
4774
|
-
"$value": "
|
|
4770
|
+
"$value": "#3d444d",
|
|
4775
4771
|
"$type": "color"
|
|
4776
4772
|
},
|
|
4777
4773
|
"name": "control-borderColor-rest",
|
|
@@ -4808,25 +4804,13 @@
|
|
|
4808
4804
|
"control-borderColor-disabled": {
|
|
4809
4805
|
"$value": "#656c761a",
|
|
4810
4806
|
"$type": "color",
|
|
4811
|
-
"
|
|
4812
|
-
|
|
4813
|
-
"collection": "mode",
|
|
4814
|
-
"group": "component",
|
|
4815
|
-
"scopes": ["borderColor"]
|
|
4816
|
-
}
|
|
4817
|
-
},
|
|
4818
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4807
|
+
"alpha": 0.1,
|
|
4808
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
4819
4809
|
"isSource": true,
|
|
4820
4810
|
"original": {
|
|
4821
|
-
"$value": "{
|
|
4811
|
+
"$value": "{base.color.neutral.8}",
|
|
4822
4812
|
"$type": "color",
|
|
4823
|
-
"
|
|
4824
|
-
"org.primer.figma": {
|
|
4825
|
-
"collection": "mode",
|
|
4826
|
-
"group": "component",
|
|
4827
|
-
"scopes": ["borderColor"]
|
|
4828
|
-
}
|
|
4829
|
-
}
|
|
4813
|
+
"alpha": 0.1
|
|
4830
4814
|
},
|
|
4831
4815
|
"name": "control-borderColor-disabled",
|
|
4832
4816
|
"attributes": {},
|
|
@@ -5287,33 +5271,11 @@
|
|
|
5287
5271
|
"control-checked-bgColor-hover": {
|
|
5288
5272
|
"$value": "#3876d3",
|
|
5289
5273
|
"$type": "color",
|
|
5290
|
-
"
|
|
5291
|
-
"org.primer.figma": {
|
|
5292
|
-
"collection": "mode",
|
|
5293
|
-
"group": "component",
|
|
5294
|
-
"scopes": ["bgColor"]
|
|
5295
|
-
}
|
|
5296
|
-
},
|
|
5297
|
-
"mix": {
|
|
5298
|
-
"color": "#539bf5",
|
|
5299
|
-
"weight": 0.2
|
|
5300
|
-
},
|
|
5301
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5274
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
5302
5275
|
"isSource": true,
|
|
5303
5276
|
"original": {
|
|
5304
|
-
"$value": "
|
|
5305
|
-
"$type": "color"
|
|
5306
|
-
"$extensions": {
|
|
5307
|
-
"org.primer.figma": {
|
|
5308
|
-
"collection": "mode",
|
|
5309
|
-
"group": "component",
|
|
5310
|
-
"scopes": ["bgColor"]
|
|
5311
|
-
}
|
|
5312
|
-
},
|
|
5313
|
-
"mix": {
|
|
5314
|
-
"color": "{base.color.blue.3}",
|
|
5315
|
-
"weight": 0.2
|
|
5316
|
-
}
|
|
5277
|
+
"$value": "#3876d3",
|
|
5278
|
+
"$type": "color"
|
|
5317
5279
|
},
|
|
5318
5280
|
"name": "control-checked-bgColor-hover",
|
|
5319
5281
|
"attributes": {},
|
|
@@ -5322,33 +5284,11 @@
|
|
|
5322
5284
|
"control-checked-bgColor-active": {
|
|
5323
5285
|
"$value": "#3f7fdb",
|
|
5324
5286
|
"$type": "color",
|
|
5325
|
-
"
|
|
5326
|
-
"org.primer.figma": {
|
|
5327
|
-
"collection": "mode",
|
|
5328
|
-
"group": "component",
|
|
5329
|
-
"scopes": ["bgColor"]
|
|
5330
|
-
}
|
|
5331
|
-
},
|
|
5332
|
-
"mix": {
|
|
5333
|
-
"color": "#539bf5",
|
|
5334
|
-
"weight": 0.4
|
|
5335
|
-
},
|
|
5336
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5287
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
5337
5288
|
"isSource": true,
|
|
5338
5289
|
"original": {
|
|
5339
|
-
"$value": "
|
|
5340
|
-
"$type": "color"
|
|
5341
|
-
"$extensions": {
|
|
5342
|
-
"org.primer.figma": {
|
|
5343
|
-
"collection": "mode",
|
|
5344
|
-
"group": "component",
|
|
5345
|
-
"scopes": ["bgColor"]
|
|
5346
|
-
}
|
|
5347
|
-
},
|
|
5348
|
-
"mix": {
|
|
5349
|
-
"color": "{base.color.blue.3}",
|
|
5350
|
-
"weight": 0.4
|
|
5351
|
-
}
|
|
5290
|
+
"$value": "#3f7fdb",
|
|
5291
|
+
"$type": "color"
|
|
5352
5292
|
},
|
|
5353
5293
|
"name": "control-checked-bgColor-active",
|
|
5354
5294
|
"attributes": {},
|
|
@@ -5465,25 +5405,11 @@
|
|
|
5465
5405
|
"control-checked-borderColor-hover": {
|
|
5466
5406
|
"$value": "#3876d3",
|
|
5467
5407
|
"$type": "color",
|
|
5468
|
-
"
|
|
5469
|
-
"org.primer.figma": {
|
|
5470
|
-
"collection": "mode",
|
|
5471
|
-
"group": "component",
|
|
5472
|
-
"scopes": ["borderColor"]
|
|
5473
|
-
}
|
|
5474
|
-
},
|
|
5475
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5408
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
5476
5409
|
"isSource": true,
|
|
5477
5410
|
"original": {
|
|
5478
|
-
"$value": "
|
|
5479
|
-
"$type": "color"
|
|
5480
|
-
"$extensions": {
|
|
5481
|
-
"org.primer.figma": {
|
|
5482
|
-
"collection": "mode",
|
|
5483
|
-
"group": "component",
|
|
5484
|
-
"scopes": ["borderColor"]
|
|
5485
|
-
}
|
|
5486
|
-
}
|
|
5411
|
+
"$value": "#3876d3",
|
|
5412
|
+
"$type": "color"
|
|
5487
5413
|
},
|
|
5488
5414
|
"name": "control-checked-borderColor-hover",
|
|
5489
5415
|
"attributes": {},
|
|
@@ -5492,25 +5418,11 @@
|
|
|
5492
5418
|
"control-checked-borderColor-active": {
|
|
5493
5419
|
"$value": "#3f7fdb",
|
|
5494
5420
|
"$type": "color",
|
|
5495
|
-
"
|
|
5496
|
-
"org.primer.figma": {
|
|
5497
|
-
"collection": "mode",
|
|
5498
|
-
"group": "component",
|
|
5499
|
-
"scopes": ["borderColor"]
|
|
5500
|
-
}
|
|
5501
|
-
},
|
|
5502
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5421
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
5503
5422
|
"isSource": true,
|
|
5504
5423
|
"original": {
|
|
5505
|
-
"$value": "
|
|
5506
|
-
"$type": "color"
|
|
5507
|
-
"$extensions": {
|
|
5508
|
-
"org.primer.figma": {
|
|
5509
|
-
"collection": "mode",
|
|
5510
|
-
"group": "component",
|
|
5511
|
-
"scopes": ["borderColor"]
|
|
5512
|
-
}
|
|
5513
|
-
}
|
|
5424
|
+
"$value": "#3f7fdb",
|
|
5425
|
+
"$type": "color"
|
|
5514
5426
|
},
|
|
5515
5427
|
"name": "control-checked-borderColor-active",
|
|
5516
5428
|
"attributes": {},
|
|
@@ -5666,25 +5578,11 @@
|
|
|
5666
5578
|
"controlTrack-borderColor-rest": {
|
|
5667
5579
|
"$value": "#3d444d",
|
|
5668
5580
|
"$type": "color",
|
|
5669
|
-
"
|
|
5670
|
-
"org.primer.figma": {
|
|
5671
|
-
"collection": "mode",
|
|
5672
|
-
"group": "component (internal)",
|
|
5673
|
-
"scopes": ["borderColor"]
|
|
5674
|
-
}
|
|
5675
|
-
},
|
|
5676
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5581
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
5677
5582
|
"isSource": true,
|
|
5678
5583
|
"original": {
|
|
5679
|
-
"$value": "{
|
|
5680
|
-
"$type": "color"
|
|
5681
|
-
"$extensions": {
|
|
5682
|
-
"org.primer.figma": {
|
|
5683
|
-
"collection": "mode",
|
|
5684
|
-
"group": "component (internal)",
|
|
5685
|
-
"scopes": ["borderColor"]
|
|
5686
|
-
}
|
|
5687
|
-
}
|
|
5584
|
+
"$value": "{base.color.neutral.7}",
|
|
5585
|
+
"$type": "color"
|
|
5688
5586
|
},
|
|
5689
5587
|
"name": "controlTrack-borderColor-rest",
|
|
5690
5588
|
"attributes": {},
|
|
@@ -6350,33 +6248,11 @@
|
|
|
6350
6248
|
"button-primary-bgColor-hover": {
|
|
6351
6249
|
"$value": "#3b8640",
|
|
6352
6250
|
"$type": "color",
|
|
6353
|
-
"
|
|
6354
|
-
"org.primer.figma": {
|
|
6355
|
-
"collection": "mode",
|
|
6356
|
-
"group": "component (internal)",
|
|
6357
|
-
"scopes": ["bgColor"]
|
|
6358
|
-
}
|
|
6359
|
-
},
|
|
6360
|
-
"mix": {
|
|
6361
|
-
"color": "#57ab5a",
|
|
6362
|
-
"weight": 0.2
|
|
6363
|
-
},
|
|
6364
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6251
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
6365
6252
|
"isSource": true,
|
|
6366
6253
|
"original": {
|
|
6367
|
-
"$value": "
|
|
6368
|
-
"$type": "color"
|
|
6369
|
-
"$extensions": {
|
|
6370
|
-
"org.primer.figma": {
|
|
6371
|
-
"collection": "mode",
|
|
6372
|
-
"group": "component (internal)",
|
|
6373
|
-
"scopes": ["bgColor"]
|
|
6374
|
-
}
|
|
6375
|
-
},
|
|
6376
|
-
"mix": {
|
|
6377
|
-
"color": "{base.color.green.3}",
|
|
6378
|
-
"weight": 0.2
|
|
6379
|
-
}
|
|
6254
|
+
"$value": "#3b8640",
|
|
6255
|
+
"$type": "color"
|
|
6380
6256
|
},
|
|
6381
6257
|
"name": "button-primary-bgColor-hover",
|
|
6382
6258
|
"attributes": {},
|
|
@@ -6385,33 +6261,11 @@
|
|
|
6385
6261
|
"button-primary-bgColor-active": {
|
|
6386
6262
|
"$value": "#428f46",
|
|
6387
6263
|
"$type": "color",
|
|
6388
|
-
"
|
|
6389
|
-
"org.primer.figma": {
|
|
6390
|
-
"collection": "mode",
|
|
6391
|
-
"group": "component (internal)",
|
|
6392
|
-
"scopes": ["bgColor"]
|
|
6393
|
-
}
|
|
6394
|
-
},
|
|
6395
|
-
"mix": {
|
|
6396
|
-
"color": "#57ab5a",
|
|
6397
|
-
"weight": 0.4
|
|
6398
|
-
},
|
|
6399
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6264
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
6400
6265
|
"isSource": true,
|
|
6401
6266
|
"original": {
|
|
6402
|
-
"$value": "
|
|
6403
|
-
"$type": "color"
|
|
6404
|
-
"$extensions": {
|
|
6405
|
-
"org.primer.figma": {
|
|
6406
|
-
"collection": "mode",
|
|
6407
|
-
"group": "component (internal)",
|
|
6408
|
-
"scopes": ["bgColor"]
|
|
6409
|
-
}
|
|
6410
|
-
},
|
|
6411
|
-
"mix": {
|
|
6412
|
-
"color": "{base.color.green.3}",
|
|
6413
|
-
"weight": 0.4
|
|
6414
|
-
}
|
|
6267
|
+
"$value": "#428f46",
|
|
6268
|
+
"$type": "color"
|
|
6415
6269
|
},
|
|
6416
6270
|
"name": "button-primary-bgColor-active",
|
|
6417
6271
|
"attributes": {},
|
|
@@ -6420,19 +6274,11 @@
|
|
|
6420
6274
|
"button-primary-bgColor-disabled": {
|
|
6421
6275
|
"$value": "#50a254",
|
|
6422
6276
|
"$type": "color",
|
|
6423
|
-
"mix": {
|
|
6424
|
-
"color": "#57ab5a",
|
|
6425
|
-
"weight": 0.6
|
|
6426
|
-
},
|
|
6427
6277
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
6428
6278
|
"isSource": true,
|
|
6429
6279
|
"original": {
|
|
6430
|
-
"$value": "
|
|
6431
|
-
"$type": "color"
|
|
6432
|
-
"mix": {
|
|
6433
|
-
"color": "{base.color.green.3}",
|
|
6434
|
-
"weight": 0.6
|
|
6435
|
-
}
|
|
6280
|
+
"$value": "#50a254",
|
|
6281
|
+
"$type": "color"
|
|
6436
6282
|
},
|
|
6437
6283
|
"name": "button-primary-bgColor-disabled",
|
|
6438
6284
|
"attributes": {},
|
|
@@ -6524,25 +6370,11 @@
|
|
|
6524
6370
|
"button-primary-borderColor-disabled": {
|
|
6525
6371
|
"$value": "#50a254",
|
|
6526
6372
|
"$type": "color",
|
|
6527
|
-
"
|
|
6528
|
-
"org.primer.figma": {
|
|
6529
|
-
"collection": "mode",
|
|
6530
|
-
"group": "component (internal)",
|
|
6531
|
-
"scopes": ["borderColor"]
|
|
6532
|
-
}
|
|
6533
|
-
},
|
|
6534
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6373
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
6535
6374
|
"isSource": true,
|
|
6536
6375
|
"original": {
|
|
6537
|
-
"$value": "
|
|
6538
|
-
"$type": "color"
|
|
6539
|
-
"$extensions": {
|
|
6540
|
-
"org.primer.figma": {
|
|
6541
|
-
"collection": "mode",
|
|
6542
|
-
"group": "component (internal)",
|
|
6543
|
-
"scopes": ["borderColor"]
|
|
6544
|
-
}
|
|
6545
|
-
}
|
|
6376
|
+
"$value": "#50a254",
|
|
6377
|
+
"$type": "color"
|
|
6546
6378
|
},
|
|
6547
6379
|
"name": "button-primary-borderColor-disabled",
|
|
6548
6380
|
"attributes": {},
|
|
@@ -6826,7 +6658,7 @@
|
|
|
6826
6658
|
"path": ["button", "invisible", "bgColor", "active"]
|
|
6827
6659
|
},
|
|
6828
6660
|
"button-invisible-bgColor-disabled": {
|
|
6829
|
-
"$value": "#
|
|
6661
|
+
"$value": "#00000000",
|
|
6830
6662
|
"$type": "color",
|
|
6831
6663
|
"$extensions": {
|
|
6832
6664
|
"org.primer.figma": {
|
|
@@ -6838,7 +6670,7 @@
|
|
|
6838
6670
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6839
6671
|
"isSource": true,
|
|
6840
6672
|
"original": {
|
|
6841
|
-
"$value": "{
|
|
6673
|
+
"$value": "{base.color.transparent}",
|
|
6842
6674
|
"$type": "color",
|
|
6843
6675
|
"$extensions": {
|
|
6844
6676
|
"org.primer.figma": {
|
|
@@ -6907,7 +6739,7 @@
|
|
|
6907
6739
|
"path": ["button", "invisible", "borderColor", "hover"]
|
|
6908
6740
|
},
|
|
6909
6741
|
"button-invisible-borderColor-disabled": {
|
|
6910
|
-
"$value": "#
|
|
6742
|
+
"$value": "#00000000",
|
|
6911
6743
|
"$type": "color",
|
|
6912
6744
|
"$extensions": {
|
|
6913
6745
|
"org.primer.figma": {
|
|
@@ -6919,7 +6751,7 @@
|
|
|
6919
6751
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6920
6752
|
"isSource": true,
|
|
6921
6753
|
"original": {
|
|
6922
|
-
"$value": "{
|
|
6754
|
+
"$value": "{base.color.transparent}",
|
|
6923
6755
|
"$type": "color",
|
|
6924
6756
|
"$extensions": {
|
|
6925
6757
|
"org.primer.figma": {
|
|
@@ -7017,27 +6849,11 @@
|
|
|
7017
6849
|
"button-outline-fgColor-disabled": {
|
|
7018
6850
|
"$value": "#478be680",
|
|
7019
6851
|
"$type": "color",
|
|
7020
|
-
"
|
|
7021
|
-
"org.primer.figma": {
|
|
7022
|
-
"collection": "mode",
|
|
7023
|
-
"group": "component (internal)",
|
|
7024
|
-
"scopes": ["fgColor"]
|
|
7025
|
-
}
|
|
7026
|
-
},
|
|
7027
|
-
"alpha": 0.5,
|
|
7028
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6852
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
7029
6853
|
"isSource": true,
|
|
7030
6854
|
"original": {
|
|
7031
|
-
"$value": "
|
|
7032
|
-
"$type": "color"
|
|
7033
|
-
"$extensions": {
|
|
7034
|
-
"org.primer.figma": {
|
|
7035
|
-
"collection": "mode",
|
|
7036
|
-
"group": "component (internal)",
|
|
7037
|
-
"scopes": ["fgColor"]
|
|
7038
|
-
}
|
|
7039
|
-
},
|
|
7040
|
-
"alpha": 0.5
|
|
6855
|
+
"$value": "#478be680",
|
|
6856
|
+
"$type": "color"
|
|
7041
6857
|
},
|
|
7042
6858
|
"name": "button-outline-fgColor-disabled",
|
|
7043
6859
|
"attributes": {},
|
|
@@ -7243,33 +7059,11 @@
|
|
|
7243
7059
|
"button-danger-fgColor-rest": {
|
|
7244
7060
|
"$value": "#ea5c53",
|
|
7245
7061
|
"$type": "color",
|
|
7246
|
-
"
|
|
7247
|
-
"org.primer.figma": {
|
|
7248
|
-
"collection": "mode",
|
|
7249
|
-
"group": "component (internal)",
|
|
7250
|
-
"scopes": ["fgColor"]
|
|
7251
|
-
}
|
|
7252
|
-
},
|
|
7253
|
-
"mix": {
|
|
7254
|
-
"color": "#f47067",
|
|
7255
|
-
"weight": 0.3
|
|
7256
|
-
},
|
|
7257
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7062
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
7258
7063
|
"isSource": true,
|
|
7259
7064
|
"original": {
|
|
7260
|
-
"$value": "
|
|
7261
|
-
"$type": "color"
|
|
7262
|
-
"$extensions": {
|
|
7263
|
-
"org.primer.figma": {
|
|
7264
|
-
"collection": "mode",
|
|
7265
|
-
"group": "component (internal)",
|
|
7266
|
-
"scopes": ["fgColor"]
|
|
7267
|
-
}
|
|
7268
|
-
},
|
|
7269
|
-
"mix": {
|
|
7270
|
-
"color": "{base.color.red.3}",
|
|
7271
|
-
"weight": 0.3
|
|
7272
|
-
}
|
|
7065
|
+
"$value": "#ea5c53",
|
|
7066
|
+
"$type": "color"
|
|
7273
7067
|
},
|
|
7274
7068
|
"name": "button-danger-fgColor-rest",
|
|
7275
7069
|
"attributes": {},
|
|
@@ -7361,25 +7155,11 @@
|
|
|
7361
7155
|
"button-danger-iconColor-rest": {
|
|
7362
7156
|
"$value": "#ea5c53",
|
|
7363
7157
|
"$type": "color",
|
|
7364
|
-
"
|
|
7365
|
-
"org.primer.figma": {
|
|
7366
|
-
"collection": "mode",
|
|
7367
|
-
"group": "component (internal)",
|
|
7368
|
-
"scopes": ["fgColor"]
|
|
7369
|
-
}
|
|
7370
|
-
},
|
|
7371
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7158
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
7372
7159
|
"isSource": true,
|
|
7373
7160
|
"original": {
|
|
7374
|
-
"$value": "
|
|
7375
|
-
"$type": "color"
|
|
7376
|
-
"$extensions": {
|
|
7377
|
-
"org.primer.figma": {
|
|
7378
|
-
"collection": "mode",
|
|
7379
|
-
"group": "component (internal)",
|
|
7380
|
-
"scopes": ["fgColor"]
|
|
7381
|
-
}
|
|
7382
|
-
}
|
|
7161
|
+
"$value": "#ea5c53",
|
|
7162
|
+
"$type": "color"
|
|
7383
7163
|
},
|
|
7384
7164
|
"name": "button-danger-iconColor-rest",
|
|
7385
7165
|
"attributes": {},
|
|
@@ -7469,33 +7249,11 @@
|
|
|
7469
7249
|
"button-danger-bgColor-active": {
|
|
7470
7250
|
"$value": "#c33d38",
|
|
7471
7251
|
"$type": "color",
|
|
7472
|
-
"
|
|
7473
|
-
"org.primer.figma": {
|
|
7474
|
-
"collection": "mode",
|
|
7475
|
-
"group": "component (internal)",
|
|
7476
|
-
"scopes": ["bgColor"]
|
|
7477
|
-
}
|
|
7478
|
-
},
|
|
7479
|
-
"mix": {
|
|
7480
|
-
"color": "#e5534b",
|
|
7481
|
-
"weight": 0.4
|
|
7482
|
-
},
|
|
7483
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7252
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
7484
7253
|
"isSource": true,
|
|
7485
7254
|
"original": {
|
|
7486
|
-
"$value": "
|
|
7487
|
-
"$type": "color"
|
|
7488
|
-
"$extensions": {
|
|
7489
|
-
"org.primer.figma": {
|
|
7490
|
-
"collection": "mode",
|
|
7491
|
-
"group": "component (internal)",
|
|
7492
|
-
"scopes": ["bgColor"]
|
|
7493
|
-
}
|
|
7494
|
-
},
|
|
7495
|
-
"mix": {
|
|
7496
|
-
"color": "{base.color.red.4}",
|
|
7497
|
-
"weight": 0.4
|
|
7498
|
-
}
|
|
7255
|
+
"$value": "#c33d38",
|
|
7256
|
+
"$type": "color"
|
|
7499
7257
|
},
|
|
7500
7258
|
"name": "button-danger-bgColor-active",
|
|
7501
7259
|
"attributes": {},
|
|
@@ -8152,35 +7910,13 @@
|
|
|
8152
7910
|
"reactionButton-selected-bgColor-hover": {
|
|
8153
7911
|
"$value": "#4285e55c",
|
|
8154
7912
|
"$type": "color",
|
|
8155
|
-
"
|
|
8156
|
-
|
|
8157
|
-
"collection": "mode",
|
|
8158
|
-
"group": "component (internal)",
|
|
8159
|
-
"scopes": ["bgColor"]
|
|
8160
|
-
}
|
|
8161
|
-
},
|
|
8162
|
-
"mix": {
|
|
8163
|
-
"color": "#6cb6ff",
|
|
8164
|
-
"weight": 0.2
|
|
8165
|
-
},
|
|
8166
|
-
"alpha": 0.2,
|
|
8167
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7913
|
+
"alpha": 0.36,
|
|
7914
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
8168
7915
|
"isSource": true,
|
|
8169
7916
|
"original": {
|
|
8170
|
-
"$value": "
|
|
7917
|
+
"$value": "#4285e5",
|
|
8171
7918
|
"$type": "color",
|
|
8172
|
-
"
|
|
8173
|
-
"org.primer.figma": {
|
|
8174
|
-
"collection": "mode",
|
|
8175
|
-
"group": "component (internal)",
|
|
8176
|
-
"scopes": ["bgColor"]
|
|
8177
|
-
}
|
|
8178
|
-
},
|
|
8179
|
-
"mix": {
|
|
8180
|
-
"color": "{base.color.blue.2}",
|
|
8181
|
-
"weight": 0.2
|
|
8182
|
-
},
|
|
8183
|
-
"alpha": 0.2
|
|
7919
|
+
"alpha": 0.36
|
|
8184
7920
|
},
|
|
8185
7921
|
"name": "reactionButton-selected-bgColor-hover",
|
|
8186
7922
|
"attributes": {},
|
|
@@ -8267,6 +8003,23 @@
|
|
|
8267
8003
|
"attributes": {},
|
|
8268
8004
|
"path": ["focus", "outlineColor"]
|
|
8269
8005
|
},
|
|
8006
|
+
"focus-outline": {
|
|
8007
|
+
"$value": "2px solid #316dca",
|
|
8008
|
+
"$type": "border",
|
|
8009
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
8010
|
+
"isSource": true,
|
|
8011
|
+
"original": {
|
|
8012
|
+
"$value": {
|
|
8013
|
+
"color": "{focus.outlineColor}",
|
|
8014
|
+
"style": "solid",
|
|
8015
|
+
"width": "2px"
|
|
8016
|
+
},
|
|
8017
|
+
"$type": "border"
|
|
8018
|
+
},
|
|
8019
|
+
"name": "focus-outline",
|
|
8020
|
+
"attributes": {},
|
|
8021
|
+
"path": ["focus", "outline"]
|
|
8022
|
+
},
|
|
8270
8023
|
"menu-bgColor-active": {
|
|
8271
8024
|
"$value": "#151b23",
|
|
8272
8025
|
"$type": "color",
|
|
@@ -8310,23 +8063,13 @@
|
|
|
8310
8063
|
"overlay-borderColor": {
|
|
8311
8064
|
"$value": "#3d444db3",
|
|
8312
8065
|
"$type": "color",
|
|
8313
|
-
"
|
|
8314
|
-
|
|
8315
|
-
"collection": "mode",
|
|
8316
|
-
"group": "component (internal)"
|
|
8317
|
-
}
|
|
8318
|
-
},
|
|
8319
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8066
|
+
"alpha": 0.7,
|
|
8067
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
8320
8068
|
"isSource": true,
|
|
8321
8069
|
"original": {
|
|
8322
|
-
"$value": "{
|
|
8070
|
+
"$value": "{base.color.neutral.7}",
|
|
8323
8071
|
"$type": "color",
|
|
8324
|
-
"
|
|
8325
|
-
"org.primer.figma": {
|
|
8326
|
-
"collection": "mode",
|
|
8327
|
-
"group": "component (internal)"
|
|
8328
|
-
}
|
|
8329
|
-
}
|
|
8072
|
+
"alpha": 0.7
|
|
8330
8073
|
},
|
|
8331
8074
|
"name": "overlay-borderColor",
|
|
8332
8075
|
"attributes": {},
|
|
@@ -11984,39 +11727,11 @@
|
|
|
11984
11727
|
"fgColor-accent": {
|
|
11985
11728
|
"$value": "#478be6",
|
|
11986
11729
|
"$type": "color",
|
|
11987
|
-
"
|
|
11988
|
-
"org.primer.figma": {
|
|
11989
|
-
"collection": "mode",
|
|
11990
|
-
"group": "semantic",
|
|
11991
|
-
"scopes": ["fgColor"],
|
|
11992
|
-
"codeSyntax": {
|
|
11993
|
-
"web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
|
|
11994
|
-
}
|
|
11995
|
-
}
|
|
11996
|
-
},
|
|
11997
|
-
"mix": {
|
|
11998
|
-
"color": "#316dca",
|
|
11999
|
-
"weight": 0.35
|
|
12000
|
-
},
|
|
12001
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
11730
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
12002
11731
|
"isSource": true,
|
|
12003
11732
|
"original": {
|
|
12004
|
-
"$value": "
|
|
12005
|
-
"$type": "color"
|
|
12006
|
-
"$extensions": {
|
|
12007
|
-
"org.primer.figma": {
|
|
12008
|
-
"collection": "mode",
|
|
12009
|
-
"group": "semantic",
|
|
12010
|
-
"scopes": ["fgColor"],
|
|
12011
|
-
"codeSyntax": {
|
|
12012
|
-
"web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
|
|
12013
|
-
}
|
|
12014
|
-
}
|
|
12015
|
-
},
|
|
12016
|
-
"mix": {
|
|
12017
|
-
"color": "{base.color.blue.5}",
|
|
12018
|
-
"weight": 0.35
|
|
12019
|
-
}
|
|
11733
|
+
"$value": "#478be6",
|
|
11734
|
+
"$type": "color"
|
|
12020
11735
|
},
|
|
12021
11736
|
"name": "fgColor-accent",
|
|
12022
11737
|
"attributes": {},
|
|
@@ -13243,31 +12958,11 @@
|
|
|
13243
12958
|
"borderColor-default": {
|
|
13244
12959
|
"$value": "#3d444d",
|
|
13245
12960
|
"$type": "color",
|
|
13246
|
-
"
|
|
13247
|
-
"org.primer.figma": {
|
|
13248
|
-
"collection": "mode",
|
|
13249
|
-
"group": "semantic",
|
|
13250
|
-
"scopes": ["borderColor"],
|
|
13251
|
-
"codeSyntax": {
|
|
13252
|
-
"web": "var(--borderColor-default) /* utility class: .color-border-default */"
|
|
13253
|
-
}
|
|
13254
|
-
}
|
|
13255
|
-
},
|
|
13256
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12961
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
13257
12962
|
"isSource": true,
|
|
13258
12963
|
"original": {
|
|
13259
12964
|
"$value": "{base.color.neutral.7}",
|
|
13260
|
-
"$type": "color"
|
|
13261
|
-
"$extensions": {
|
|
13262
|
-
"org.primer.figma": {
|
|
13263
|
-
"collection": "mode",
|
|
13264
|
-
"group": "semantic",
|
|
13265
|
-
"scopes": ["borderColor"],
|
|
13266
|
-
"codeSyntax": {
|
|
13267
|
-
"web": "var(--borderColor-default) /* utility class: .color-border-default */"
|
|
13268
|
-
}
|
|
13269
|
-
}
|
|
13270
|
-
}
|
|
12965
|
+
"$type": "color"
|
|
13271
12966
|
},
|
|
13272
12967
|
"name": "borderColor-default",
|
|
13273
12968
|
"attributes": {},
|
|
@@ -13276,32 +12971,12 @@
|
|
|
13276
12971
|
"borderColor-muted": {
|
|
13277
12972
|
"$value": "#3d444db3",
|
|
13278
12973
|
"$type": "color",
|
|
13279
|
-
"$extensions": {
|
|
13280
|
-
"org.primer.figma": {
|
|
13281
|
-
"collection": "mode",
|
|
13282
|
-
"group": "semantic",
|
|
13283
|
-
"scopes": ["borderColor"],
|
|
13284
|
-
"codeSyntax": {
|
|
13285
|
-
"web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
|
|
13286
|
-
}
|
|
13287
|
-
}
|
|
13288
|
-
},
|
|
13289
12974
|
"alpha": 0.7,
|
|
13290
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
12975
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
13291
12976
|
"isSource": true,
|
|
13292
12977
|
"original": {
|
|
13293
|
-
"$value": "{
|
|
12978
|
+
"$value": "{base.color.neutral.7}",
|
|
13294
12979
|
"$type": "color",
|
|
13295
|
-
"$extensions": {
|
|
13296
|
-
"org.primer.figma": {
|
|
13297
|
-
"collection": "mode",
|
|
13298
|
-
"group": "semantic",
|
|
13299
|
-
"scopes": ["borderColor"],
|
|
13300
|
-
"codeSyntax": {
|
|
13301
|
-
"web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
|
|
13302
|
-
}
|
|
13303
|
-
}
|
|
13304
|
-
},
|
|
13305
12980
|
"alpha": 0.7
|
|
13306
12981
|
},
|
|
13307
12982
|
"name": "borderColor-muted",
|
|
@@ -13338,26 +13013,12 @@
|
|
|
13338
13013
|
"borderColor-disabled": {
|
|
13339
13014
|
"$value": "#656c761a",
|
|
13340
13015
|
"$type": "color",
|
|
13341
|
-
"$extensions": {
|
|
13342
|
-
"org.primer.figma": {
|
|
13343
|
-
"collection": "mode",
|
|
13344
|
-
"group": "semantic",
|
|
13345
|
-
"scopes": ["borderColor"]
|
|
13346
|
-
}
|
|
13347
|
-
},
|
|
13348
13016
|
"alpha": 0.1,
|
|
13349
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13017
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
13350
13018
|
"isSource": true,
|
|
13351
13019
|
"original": {
|
|
13352
13020
|
"$value": "{base.color.neutral.8}",
|
|
13353
13021
|
"$type": "color",
|
|
13354
|
-
"$extensions": {
|
|
13355
|
-
"org.primer.figma": {
|
|
13356
|
-
"collection": "mode",
|
|
13357
|
-
"group": "semantic",
|
|
13358
|
-
"scopes": ["borderColor"]
|
|
13359
|
-
}
|
|
13360
|
-
},
|
|
13361
13022
|
"alpha": 0.1
|
|
13362
13023
|
},
|
|
13363
13024
|
"name": "borderColor-disabled",
|
|
@@ -13423,25 +13084,13 @@
|
|
|
13423
13084
|
"borderColor-neutral-muted": {
|
|
13424
13085
|
"$value": "#3d444db3",
|
|
13425
13086
|
"$type": "color",
|
|
13426
|
-
"
|
|
13427
|
-
|
|
13428
|
-
"collection": "mode",
|
|
13429
|
-
"group": "semantic",
|
|
13430
|
-
"scopes": ["borderColor"]
|
|
13431
|
-
}
|
|
13432
|
-
},
|
|
13433
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13087
|
+
"alpha": 0.7,
|
|
13088
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
|
|
13434
13089
|
"isSource": true,
|
|
13435
13090
|
"original": {
|
|
13436
|
-
"$value": "{
|
|
13091
|
+
"$value": "{base.color.neutral.7}",
|
|
13437
13092
|
"$type": "color",
|
|
13438
|
-
"
|
|
13439
|
-
"org.primer.figma": {
|
|
13440
|
-
"collection": "mode",
|
|
13441
|
-
"group": "semantic",
|
|
13442
|
-
"scopes": ["borderColor"]
|
|
13443
|
-
}
|
|
13444
|
-
}
|
|
13093
|
+
"alpha": 0.7
|
|
13445
13094
|
},
|
|
13446
13095
|
"name": "borderColor-neutral-muted",
|
|
13447
13096
|
"attributes": {},
|
|
@@ -15706,21 +15355,447 @@
|
|
|
15706
15355
|
"attributes": {},
|
|
15707
15356
|
"path": ["shadow", "floating", "legacy"]
|
|
15708
15357
|
},
|
|
15709
|
-
"
|
|
15710
|
-
"$value": "
|
|
15358
|
+
"border-default": {
|
|
15359
|
+
"$value": "0.00390625rem,0.0625px solid #3d444d",
|
|
15711
15360
|
"$type": "border",
|
|
15712
|
-
"filePath": "src/tokens/functional/border/
|
|
15361
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15713
15362
|
"isSource": true,
|
|
15714
15363
|
"original": {
|
|
15715
15364
|
"$value": {
|
|
15716
|
-
"color": "{
|
|
15365
|
+
"color": "{borderColor.default}",
|
|
15717
15366
|
"style": "solid",
|
|
15718
|
-
"width": "
|
|
15367
|
+
"width": "{borderWidth.default}"
|
|
15368
|
+
},
|
|
15369
|
+
"$type": "border"
|
|
15370
|
+
},
|
|
15371
|
+
"name": "border-default",
|
|
15372
|
+
"attributes": {},
|
|
15373
|
+
"path": ["border", "default"]
|
|
15374
|
+
},
|
|
15375
|
+
"border-muted": {
|
|
15376
|
+
"$value": "0.00390625rem,0.0625px solid #3d444db3",
|
|
15377
|
+
"$type": "border",
|
|
15378
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15379
|
+
"isSource": true,
|
|
15380
|
+
"original": {
|
|
15381
|
+
"$value": {
|
|
15382
|
+
"color": "{borderColor.muted}",
|
|
15383
|
+
"style": "solid",
|
|
15384
|
+
"width": "{borderWidth.default}"
|
|
15385
|
+
},
|
|
15386
|
+
"$type": "border"
|
|
15387
|
+
},
|
|
15388
|
+
"name": "border-muted",
|
|
15389
|
+
"attributes": {},
|
|
15390
|
+
"path": ["border", "muted"]
|
|
15391
|
+
},
|
|
15392
|
+
"border-emphasis": {
|
|
15393
|
+
"$value": "0.00390625rem,0.0625px solid #656c76",
|
|
15394
|
+
"$type": "border",
|
|
15395
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15396
|
+
"isSource": true,
|
|
15397
|
+
"original": {
|
|
15398
|
+
"$value": {
|
|
15399
|
+
"color": "{borderColor.emphasis}",
|
|
15400
|
+
"style": "solid",
|
|
15401
|
+
"width": "{borderWidth.default}"
|
|
15402
|
+
},
|
|
15403
|
+
"$type": "border"
|
|
15404
|
+
},
|
|
15405
|
+
"name": "border-emphasis",
|
|
15406
|
+
"attributes": {},
|
|
15407
|
+
"path": ["border", "emphasis"]
|
|
15408
|
+
},
|
|
15409
|
+
"border-disabled": {
|
|
15410
|
+
"$value": "0.00390625rem,0.0625px solid #656c761a",
|
|
15411
|
+
"$type": "border",
|
|
15412
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15413
|
+
"isSource": true,
|
|
15414
|
+
"original": {
|
|
15415
|
+
"$value": {
|
|
15416
|
+
"color": "{borderColor.disabled}",
|
|
15417
|
+
"style": "solid",
|
|
15418
|
+
"width": "{borderWidth.default}"
|
|
15419
|
+
},
|
|
15420
|
+
"$type": "border"
|
|
15421
|
+
},
|
|
15422
|
+
"name": "border-disabled",
|
|
15423
|
+
"attributes": {},
|
|
15424
|
+
"path": ["border", "disabled"]
|
|
15425
|
+
},
|
|
15426
|
+
"border-transparent": {
|
|
15427
|
+
"$value": "0.00390625rem,0.0625px solid #00000000",
|
|
15428
|
+
"$type": "border",
|
|
15429
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15430
|
+
"isSource": true,
|
|
15431
|
+
"original": {
|
|
15432
|
+
"$value": {
|
|
15433
|
+
"color": "{borderColor.transparent}",
|
|
15434
|
+
"style": "solid",
|
|
15435
|
+
"width": "{borderWidth.default}"
|
|
15436
|
+
},
|
|
15437
|
+
"$type": "border"
|
|
15438
|
+
},
|
|
15439
|
+
"name": "border-transparent",
|
|
15440
|
+
"attributes": {},
|
|
15441
|
+
"path": ["border", "transparent"]
|
|
15442
|
+
},
|
|
15443
|
+
"border-neutral-emphasis": {
|
|
15444
|
+
"$value": "0.00390625rem,0.0625px solid #656c76",
|
|
15445
|
+
"$type": "border",
|
|
15446
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15447
|
+
"isSource": true,
|
|
15448
|
+
"original": {
|
|
15449
|
+
"$value": {
|
|
15450
|
+
"color": "{borderColor.neutral.emphasis}",
|
|
15451
|
+
"style": "solid",
|
|
15452
|
+
"width": "{borderWidth.default}"
|
|
15453
|
+
},
|
|
15454
|
+
"$type": "border"
|
|
15455
|
+
},
|
|
15456
|
+
"name": "border-neutral-emphasis",
|
|
15457
|
+
"attributes": {},
|
|
15458
|
+
"path": ["border", "neutral", "emphasis"]
|
|
15459
|
+
},
|
|
15460
|
+
"border-neutral-muted": {
|
|
15461
|
+
"$value": "0.00390625rem,0.0625px solid #3d444db3",
|
|
15462
|
+
"$type": "border",
|
|
15463
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15464
|
+
"isSource": true,
|
|
15465
|
+
"original": {
|
|
15466
|
+
"$value": {
|
|
15467
|
+
"color": "{borderColor.neutral.muted}",
|
|
15468
|
+
"style": "solid",
|
|
15469
|
+
"width": "{borderWidth.default}"
|
|
15470
|
+
},
|
|
15471
|
+
"$type": "border"
|
|
15472
|
+
},
|
|
15473
|
+
"name": "border-neutral-muted",
|
|
15474
|
+
"attributes": {},
|
|
15475
|
+
"path": ["border", "neutral", "muted"]
|
|
15476
|
+
},
|
|
15477
|
+
"border-accent-emphasis": {
|
|
15478
|
+
"$value": "0.00390625rem,0.0625px solid #316dca",
|
|
15479
|
+
"$type": "border",
|
|
15480
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15481
|
+
"isSource": true,
|
|
15482
|
+
"original": {
|
|
15483
|
+
"$value": {
|
|
15484
|
+
"color": "{borderColor.accent.emphasis}",
|
|
15485
|
+
"style": "solid",
|
|
15486
|
+
"width": "{borderWidth.default}"
|
|
15487
|
+
},
|
|
15488
|
+
"$type": "border"
|
|
15489
|
+
},
|
|
15490
|
+
"name": "border-accent-emphasis",
|
|
15491
|
+
"attributes": {},
|
|
15492
|
+
"path": ["border", "accent", "emphasis"]
|
|
15493
|
+
},
|
|
15494
|
+
"border-accent-muted": {
|
|
15495
|
+
"$value": "0.00390625rem,0.0625px solid #4184e466",
|
|
15496
|
+
"$type": "border",
|
|
15497
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15498
|
+
"isSource": true,
|
|
15499
|
+
"original": {
|
|
15500
|
+
"$value": {
|
|
15501
|
+
"color": "{borderColor.accent.muted}",
|
|
15502
|
+
"style": "solid",
|
|
15503
|
+
"width": "{borderWidth.default}"
|
|
15504
|
+
},
|
|
15505
|
+
"$type": "border"
|
|
15506
|
+
},
|
|
15507
|
+
"name": "border-accent-muted",
|
|
15508
|
+
"attributes": {},
|
|
15509
|
+
"path": ["border", "accent", "muted"]
|
|
15510
|
+
},
|
|
15511
|
+
"border-success-emphasis": {
|
|
15512
|
+
"$value": "0.00390625rem,0.0625px solid #347d39",
|
|
15513
|
+
"$type": "border",
|
|
15514
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15515
|
+
"isSource": true,
|
|
15516
|
+
"original": {
|
|
15517
|
+
"$value": {
|
|
15518
|
+
"color": "{borderColor.success.emphasis}",
|
|
15519
|
+
"style": "solid",
|
|
15520
|
+
"width": "{borderWidth.default}"
|
|
15521
|
+
},
|
|
15522
|
+
"$type": "border"
|
|
15523
|
+
},
|
|
15524
|
+
"name": "border-success-emphasis",
|
|
15525
|
+
"attributes": {},
|
|
15526
|
+
"path": ["border", "success", "emphasis"]
|
|
15527
|
+
},
|
|
15528
|
+
"border-success-muted": {
|
|
15529
|
+
"$value": "0.00390625rem,0.0625px solid #46954a66",
|
|
15530
|
+
"$type": "border",
|
|
15531
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15532
|
+
"isSource": true,
|
|
15533
|
+
"original": {
|
|
15534
|
+
"$value": {
|
|
15535
|
+
"color": "{borderColor.success.muted}",
|
|
15536
|
+
"style": "solid",
|
|
15537
|
+
"width": "{borderWidth.default}"
|
|
15538
|
+
},
|
|
15539
|
+
"$type": "border"
|
|
15540
|
+
},
|
|
15541
|
+
"name": "border-success-muted",
|
|
15542
|
+
"attributes": {},
|
|
15543
|
+
"path": ["border", "success", "muted"]
|
|
15544
|
+
},
|
|
15545
|
+
"border-open-emphasis": {
|
|
15546
|
+
"$value": "0.00390625rem,0.0625px solid #347d39",
|
|
15547
|
+
"$type": "border",
|
|
15548
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15549
|
+
"isSource": true,
|
|
15550
|
+
"original": {
|
|
15551
|
+
"$value": "{border.success.emphasis}",
|
|
15552
|
+
"$type": "border"
|
|
15553
|
+
},
|
|
15554
|
+
"name": "border-open-emphasis",
|
|
15555
|
+
"attributes": {},
|
|
15556
|
+
"path": ["border", "open", "emphasis"]
|
|
15557
|
+
},
|
|
15558
|
+
"border-open-muted": {
|
|
15559
|
+
"$value": "0.00390625rem,0.0625px solid #46954a66",
|
|
15560
|
+
"$type": "border",
|
|
15561
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15562
|
+
"isSource": true,
|
|
15563
|
+
"original": {
|
|
15564
|
+
"$value": "{border.success.muted}",
|
|
15565
|
+
"$type": "border"
|
|
15566
|
+
},
|
|
15567
|
+
"name": "border-open-muted",
|
|
15568
|
+
"attributes": {},
|
|
15569
|
+
"path": ["border", "open", "muted"]
|
|
15570
|
+
},
|
|
15571
|
+
"border-danger-emphasis": {
|
|
15572
|
+
"$value": "0.00390625rem,0.0625px solid #c93c37",
|
|
15573
|
+
"$type": "border",
|
|
15574
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15575
|
+
"isSource": true,
|
|
15576
|
+
"original": {
|
|
15577
|
+
"$value": {
|
|
15578
|
+
"color": "{borderColor.danger.emphasis}",
|
|
15579
|
+
"style": "solid",
|
|
15580
|
+
"width": "{borderWidth.default}"
|
|
15581
|
+
},
|
|
15582
|
+
"$type": "border"
|
|
15583
|
+
},
|
|
15584
|
+
"name": "border-danger-emphasis",
|
|
15585
|
+
"attributes": {},
|
|
15586
|
+
"path": ["border", "danger", "emphasis"]
|
|
15587
|
+
},
|
|
15588
|
+
"border-danger-muted": {
|
|
15589
|
+
"$value": "0.00390625rem,0.0625px solid #e5534b66",
|
|
15590
|
+
"$type": "border",
|
|
15591
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15592
|
+
"isSource": true,
|
|
15593
|
+
"original": {
|
|
15594
|
+
"$value": {
|
|
15595
|
+
"color": "{borderColor.danger.muted}",
|
|
15596
|
+
"style": "solid",
|
|
15597
|
+
"width": "{borderWidth.default}"
|
|
15598
|
+
},
|
|
15599
|
+
"$type": "border"
|
|
15600
|
+
},
|
|
15601
|
+
"name": "border-danger-muted",
|
|
15602
|
+
"attributes": {},
|
|
15603
|
+
"path": ["border", "danger", "muted"]
|
|
15604
|
+
},
|
|
15605
|
+
"border-closed-emphasis": {
|
|
15606
|
+
"$value": "0.00390625rem,0.0625px solid #c93c37",
|
|
15607
|
+
"$type": "border",
|
|
15608
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15609
|
+
"isSource": true,
|
|
15610
|
+
"original": {
|
|
15611
|
+
"$value": "{border.danger.emphasis}",
|
|
15612
|
+
"$type": "border"
|
|
15613
|
+
},
|
|
15614
|
+
"name": "border-closed-emphasis",
|
|
15615
|
+
"attributes": {},
|
|
15616
|
+
"path": ["border", "closed", "emphasis"]
|
|
15617
|
+
},
|
|
15618
|
+
"border-closed-muted": {
|
|
15619
|
+
"$value": "0.00390625rem,0.0625px solid #e5534b66",
|
|
15620
|
+
"$type": "border",
|
|
15621
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15622
|
+
"isSource": true,
|
|
15623
|
+
"original": {
|
|
15624
|
+
"$value": "{border.danger.muted}",
|
|
15625
|
+
"$type": "border"
|
|
15626
|
+
},
|
|
15627
|
+
"name": "border-closed-muted",
|
|
15628
|
+
"attributes": {},
|
|
15629
|
+
"path": ["border", "closed", "muted"]
|
|
15630
|
+
},
|
|
15631
|
+
"border-attention-emphasis": {
|
|
15632
|
+
"$value": "0.00390625rem,0.0625px solid #966600",
|
|
15633
|
+
"$type": "border",
|
|
15634
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15635
|
+
"isSource": true,
|
|
15636
|
+
"original": {
|
|
15637
|
+
"$value": {
|
|
15638
|
+
"color": "{borderColor.attention.emphasis}",
|
|
15639
|
+
"style": "solid",
|
|
15640
|
+
"width": "{borderWidth.default}"
|
|
15641
|
+
},
|
|
15642
|
+
"$type": "border"
|
|
15643
|
+
},
|
|
15644
|
+
"name": "border-attention-emphasis",
|
|
15645
|
+
"attributes": {},
|
|
15646
|
+
"path": ["border", "attention", "emphasis"]
|
|
15647
|
+
},
|
|
15648
|
+
"border-attention-muted": {
|
|
15649
|
+
"$value": "0.00390625rem,0.0625px solid #ae7c1466",
|
|
15650
|
+
"$type": "border",
|
|
15651
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15652
|
+
"isSource": true,
|
|
15653
|
+
"original": {
|
|
15654
|
+
"$value": {
|
|
15655
|
+
"color": "{borderColor.attention.muted}",
|
|
15656
|
+
"style": "solid",
|
|
15657
|
+
"width": "{borderWidth.default}"
|
|
15658
|
+
},
|
|
15659
|
+
"$type": "border"
|
|
15660
|
+
},
|
|
15661
|
+
"name": "border-attention-muted",
|
|
15662
|
+
"attributes": {},
|
|
15663
|
+
"path": ["border", "attention", "muted"]
|
|
15664
|
+
},
|
|
15665
|
+
"border-severe-emphasis": {
|
|
15666
|
+
"$value": "0.00390625rem,0.0625px solid #ae5622",
|
|
15667
|
+
"$type": "border",
|
|
15668
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15669
|
+
"isSource": true,
|
|
15670
|
+
"original": {
|
|
15671
|
+
"$value": {
|
|
15672
|
+
"color": "{borderColor.severe.emphasis}",
|
|
15673
|
+
"style": "solid",
|
|
15674
|
+
"width": "{borderWidth.default}"
|
|
15675
|
+
},
|
|
15676
|
+
"$type": "border"
|
|
15677
|
+
},
|
|
15678
|
+
"name": "border-severe-emphasis",
|
|
15679
|
+
"attributes": {},
|
|
15680
|
+
"path": ["border", "severe", "emphasis"]
|
|
15681
|
+
},
|
|
15682
|
+
"border-severe-muted": {
|
|
15683
|
+
"$value": "0.00390625rem,0.0625px solid #cc6b2c66",
|
|
15684
|
+
"$type": "border",
|
|
15685
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15686
|
+
"isSource": true,
|
|
15687
|
+
"original": {
|
|
15688
|
+
"$value": {
|
|
15689
|
+
"color": "{borderColor.severe.muted}",
|
|
15690
|
+
"style": "solid",
|
|
15691
|
+
"width": "{borderWidth.default}"
|
|
15692
|
+
},
|
|
15693
|
+
"$type": "border"
|
|
15694
|
+
},
|
|
15695
|
+
"name": "border-severe-muted",
|
|
15696
|
+
"attributes": {},
|
|
15697
|
+
"path": ["border", "severe", "muted"]
|
|
15698
|
+
},
|
|
15699
|
+
"border-done-emphasis": {
|
|
15700
|
+
"$value": "0.00390625rem,0.0625px solid #8256d0",
|
|
15701
|
+
"$type": "border",
|
|
15702
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15703
|
+
"isSource": true,
|
|
15704
|
+
"original": {
|
|
15705
|
+
"$value": {
|
|
15706
|
+
"color": "{borderColor.done.emphasis}",
|
|
15707
|
+
"style": "solid",
|
|
15708
|
+
"width": "{borderWidth.default}"
|
|
15709
|
+
},
|
|
15710
|
+
"$type": "border"
|
|
15711
|
+
},
|
|
15712
|
+
"name": "border-done-emphasis",
|
|
15713
|
+
"attributes": {},
|
|
15714
|
+
"path": ["border", "done", "emphasis"]
|
|
15715
|
+
},
|
|
15716
|
+
"border-done-muted": {
|
|
15717
|
+
"$value": "0.00390625rem,0.0625px solid #986ee266",
|
|
15718
|
+
"$type": "border",
|
|
15719
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15720
|
+
"isSource": true,
|
|
15721
|
+
"original": {
|
|
15722
|
+
"$value": {
|
|
15723
|
+
"color": "{borderColor.done.muted}",
|
|
15724
|
+
"style": "solid",
|
|
15725
|
+
"width": "{borderWidth.default}"
|
|
15726
|
+
},
|
|
15727
|
+
"$type": "border"
|
|
15728
|
+
},
|
|
15729
|
+
"name": "border-done-muted",
|
|
15730
|
+
"attributes": {},
|
|
15731
|
+
"path": ["border", "done", "muted"]
|
|
15732
|
+
},
|
|
15733
|
+
"border-upsell-emphasis": {
|
|
15734
|
+
"$value": "0.00390625rem,0.0625px solid #8256d0",
|
|
15735
|
+
"$type": "border",
|
|
15736
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15737
|
+
"isSource": true,
|
|
15738
|
+
"original": {
|
|
15739
|
+
"$value": {
|
|
15740
|
+
"color": "{borderColor.upsell.emphasis}",
|
|
15741
|
+
"style": "solid",
|
|
15742
|
+
"width": "{borderWidth.default}"
|
|
15743
|
+
},
|
|
15744
|
+
"$type": "border"
|
|
15745
|
+
},
|
|
15746
|
+
"name": "border-upsell-emphasis",
|
|
15747
|
+
"attributes": {},
|
|
15748
|
+
"path": ["border", "upsell", "emphasis"]
|
|
15749
|
+
},
|
|
15750
|
+
"border-upsell-muted": {
|
|
15751
|
+
"$value": "0.00390625rem,0.0625px solid #986ee266",
|
|
15752
|
+
"$type": "border",
|
|
15753
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15754
|
+
"isSource": true,
|
|
15755
|
+
"original": {
|
|
15756
|
+
"$value": {
|
|
15757
|
+
"color": "{borderColor.upsell.muted}",
|
|
15758
|
+
"style": "solid",
|
|
15759
|
+
"width": "{borderWidth.default}"
|
|
15760
|
+
},
|
|
15761
|
+
"$type": "border"
|
|
15762
|
+
},
|
|
15763
|
+
"name": "border-upsell-muted",
|
|
15764
|
+
"attributes": {},
|
|
15765
|
+
"path": ["border", "upsell", "muted"]
|
|
15766
|
+
},
|
|
15767
|
+
"border-sponsors-emphasis": {
|
|
15768
|
+
"$value": "0.00390625rem,0.0625px solid #ae4c82",
|
|
15769
|
+
"$type": "border",
|
|
15770
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15771
|
+
"isSource": true,
|
|
15772
|
+
"original": {
|
|
15773
|
+
"$value": {
|
|
15774
|
+
"color": "{borderColor.sponsors.emphasis}",
|
|
15775
|
+
"style": "solid",
|
|
15776
|
+
"width": "{borderWidth.default}"
|
|
15777
|
+
},
|
|
15778
|
+
"$type": "border"
|
|
15779
|
+
},
|
|
15780
|
+
"name": "border-sponsors-emphasis",
|
|
15781
|
+
"attributes": {},
|
|
15782
|
+
"path": ["border", "sponsors", "emphasis"]
|
|
15783
|
+
},
|
|
15784
|
+
"border-sponsors-muted": {
|
|
15785
|
+
"$value": "0.00390625rem,0.0625px solid #c9619866",
|
|
15786
|
+
"$type": "border",
|
|
15787
|
+
"filePath": "src/tokens/functional/border/border.json5",
|
|
15788
|
+
"isSource": true,
|
|
15789
|
+
"original": {
|
|
15790
|
+
"$value": {
|
|
15791
|
+
"color": "{borderColor.sponsors.muted}",
|
|
15792
|
+
"style": "solid",
|
|
15793
|
+
"width": "{borderWidth.default}"
|
|
15719
15794
|
},
|
|
15720
15795
|
"$type": "border"
|
|
15721
15796
|
},
|
|
15722
|
-
"name": "
|
|
15797
|
+
"name": "border-sponsors-muted",
|
|
15723
15798
|
"attributes": {},
|
|
15724
|
-
"path": ["
|
|
15799
|
+
"path": ["border", "sponsors", "muted"]
|
|
15725
15800
|
}
|
|
15726
15801
|
}
|