@primer/primitives 11.6.0 → 11.6.1-rc.d0027616
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/DESIGN_TOKENS_SPEC.md +0 -5
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +0 -2
- package/dist/css/functional/themes/dark-colorblind.css +0 -2
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +0 -2
- package/dist/css/functional/themes/dark-dimmed.css +0 -2
- package/dist/css/functional/themes/dark-high-contrast.css +0 -2
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +0 -2
- package/dist/css/functional/themes/dark-tritanopia.css +0 -2
- package/dist/css/functional/themes/dark.css +0 -2
- package/dist/css/functional/themes/light-colorblind-high-contrast.css +2 -4
- package/dist/css/functional/themes/light-colorblind.css +2 -4
- package/dist/css/functional/themes/light-high-contrast.css +30 -32
- package/dist/css/functional/themes/light-tritanopia-high-contrast.css +2 -4
- package/dist/css/functional/themes/light-tritanopia.css +2 -4
- package/dist/css/functional/themes/light.css +2 -4
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +6 -176
- package/dist/docs/functional/themes/dark-colorblind.json +6 -176
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +6 -176
- package/dist/docs/functional/themes/dark-dimmed.json +6 -176
- package/dist/docs/functional/themes/dark-high-contrast.json +6 -176
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +6 -176
- package/dist/docs/functional/themes/dark-tritanopia.json +6 -176
- package/dist/docs/functional/themes/dark.json +6 -176
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +8 -178
- package/dist/docs/functional/themes/light-colorblind.json +8 -178
- package/dist/docs/functional/themes/light-high-contrast.json +33 -203
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +8 -178
- package/dist/docs/functional/themes/light-tritanopia.json +8 -178
- package/dist/docs/functional/themes/light.json +8 -178
- package/dist/figma/themes/light-colorblind.json +1 -1
- package/dist/figma/themes/light-high-contrast.json +43 -46
- package/dist/figma/themes/light-tritanopia.json +1 -1
- package/dist/figma/themes/light.json +1 -1
- package/dist/internalCss/dark-colorblind-high-contrast.css +0 -2
- package/dist/internalCss/dark-colorblind.css +0 -2
- package/dist/internalCss/dark-dimmed-high-contrast.css +0 -2
- package/dist/internalCss/dark-dimmed.css +0 -2
- package/dist/internalCss/dark-high-contrast.css +0 -2
- package/dist/internalCss/dark-tritanopia-high-contrast.css +0 -2
- package/dist/internalCss/dark-tritanopia.css +0 -2
- package/dist/internalCss/dark.css +0 -2
- package/dist/internalCss/light-colorblind-high-contrast.css +2 -4
- package/dist/internalCss/light-colorblind.css +2 -4
- package/dist/internalCss/light-high-contrast.css +30 -32
- package/dist/internalCss/light-tritanopia-high-contrast.css +2 -4
- package/dist/internalCss/light-tritanopia.css +2 -4
- package/dist/internalCss/light.css +2 -4
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +6 -176
- package/dist/styleLint/functional/themes/dark-colorblind.json +6 -176
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +6 -176
- package/dist/styleLint/functional/themes/dark-dimmed.json +6 -176
- package/dist/styleLint/functional/themes/dark-high-contrast.json +6 -176
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +6 -176
- package/dist/styleLint/functional/themes/dark-tritanopia.json +6 -176
- package/dist/styleLint/functional/themes/dark.json +6 -176
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +8 -178
- package/dist/styleLint/functional/themes/light-colorblind.json +8 -178
- package/dist/styleLint/functional/themes/light-high-contrast.json +33 -203
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +8 -178
- package/dist/styleLint/functional/themes/light-tritanopia.json +8 -178
- package/dist/styleLint/functional/themes/light.json +8 -178
- package/package.json +2 -2
- package/src/tokens/functional/color/fgColor.json5 +3 -3
- package/src/tokens/functional/shadow/shadow.json5 +1 -100
|
@@ -38684,7 +38684,7 @@
|
|
|
38684
38684
|
"dark-high-contrast": "#ff8182",
|
|
38685
38685
|
"dark-dimmed-high-contrast": "#ffcecb",
|
|
38686
38686
|
"dark-tritanopia-high-contrast": "#ff8182",
|
|
38687
|
-
"light-high-contrast": "#
|
|
38687
|
+
"light-high-contrast": "#960d1e",
|
|
38688
38688
|
"light-tritanopia-high-contrast": "#a40e26"
|
|
38689
38689
|
},
|
|
38690
38690
|
"org.primer.llm": {
|
|
@@ -38716,7 +38716,7 @@
|
|
|
38716
38716
|
"dark-high-contrast": "{base.color.red.3}",
|
|
38717
38717
|
"dark-dimmed-high-contrast": "{base.color.red.1}",
|
|
38718
38718
|
"dark-tritanopia-high-contrast": "{base.color.red.3}",
|
|
38719
|
-
"light-high-contrast": "
|
|
38719
|
+
"light-high-contrast": "#960d1e",
|
|
38720
38720
|
"light-tritanopia-high-contrast": "{base.color.red.6}"
|
|
38721
38721
|
},
|
|
38722
38722
|
"org.primer.llm": {
|
|
@@ -38882,7 +38882,7 @@
|
|
|
38882
38882
|
"dark-dimmed-high-contrast": "#ecd8ff",
|
|
38883
38883
|
"dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
|
|
38884
38884
|
"dark-tritanopia-high-contrast": "#D3ABFF",
|
|
38885
|
-
"light-high-contrast": "#
|
|
38885
|
+
"light-high-contrast": "#5e2bb4",
|
|
38886
38886
|
"light-protanopia-deuteranopia-high-contrast": "#6639ba",
|
|
38887
38887
|
"light-tritanopia-high-contrast": "#6639ba"
|
|
38888
38888
|
},
|
|
@@ -38912,7 +38912,7 @@
|
|
|
38912
38912
|
"dark-dimmed-high-contrast": "{base.color.purple.1}",
|
|
38913
38913
|
"dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
|
|
38914
38914
|
"dark-tritanopia-high-contrast": "#D3ABFF",
|
|
38915
|
-
"light-high-contrast": "
|
|
38915
|
+
"light-high-contrast": "#5e2bb4",
|
|
38916
38916
|
"light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
|
|
38917
38917
|
"light-tritanopia-high-contrast": "{base.color.purple.6}"
|
|
38918
38918
|
},
|
|
@@ -39448,7 +39448,7 @@
|
|
|
39448
39448
|
"dark": "#4ac26b",
|
|
39449
39449
|
"dark-high-contrast": "#2BD853",
|
|
39450
39450
|
"dark-dimmed-high-contrast": "#dafbe1",
|
|
39451
|
-
"light-high-contrast": "#
|
|
39451
|
+
"light-high-contrast": "#04591f",
|
|
39452
39452
|
"dark-protanopia-deuteranopia": "#54aeff",
|
|
39453
39453
|
"dark-protanopia-deuteranopia-high-contrast": "#b6e3ff",
|
|
39454
39454
|
"light-protanopia-deuteranopia": "#0969da",
|
|
@@ -39482,7 +39482,7 @@
|
|
|
39482
39482
|
"dark": "{base.color.green.3}",
|
|
39483
39483
|
"dark-high-contrast": "#2BD853",
|
|
39484
39484
|
"dark-dimmed-high-contrast": "{base.color.green.0}",
|
|
39485
|
-
"light-high-contrast": "
|
|
39485
|
+
"light-high-contrast": "#04591f",
|
|
39486
39486
|
"dark-protanopia-deuteranopia": "{base.color.blue.3}",
|
|
39487
39487
|
"dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
|
|
39488
39488
|
"light-protanopia-deuteranopia": "{base.color.blue.5}",
|
|
@@ -49248,176 +49248,6 @@
|
|
|
49248
49248
|
"attributes": {},
|
|
49249
49249
|
"path": ["shadow", "floating", "large"]
|
|
49250
49250
|
},
|
|
49251
|
-
"shadow-floating-legacy": {
|
|
49252
|
-
"key": "{shadow.floating.legacy}",
|
|
49253
|
-
"$value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
|
|
49254
|
-
"$type": "shadow",
|
|
49255
|
-
"$description": "Legacy floating shadow for backward compatibility",
|
|
49256
|
-
"$extensions": {
|
|
49257
|
-
"org.primer.figma": {},
|
|
49258
|
-
"org.primer.overrides": {
|
|
49259
|
-
"dark": {
|
|
49260
|
-
"$value": [
|
|
49261
|
-
{
|
|
49262
|
-
"color": "#ffffff",
|
|
49263
|
-
"alpha": 0.4,
|
|
49264
|
-
"offsetX": {
|
|
49265
|
-
"value": 0,
|
|
49266
|
-
"unit": "px"
|
|
49267
|
-
},
|
|
49268
|
-
"offsetY": {
|
|
49269
|
-
"value": 6,
|
|
49270
|
-
"unit": "px"
|
|
49271
|
-
},
|
|
49272
|
-
"blur": {
|
|
49273
|
-
"value": 12,
|
|
49274
|
-
"unit": "px"
|
|
49275
|
-
},
|
|
49276
|
-
"spread": {
|
|
49277
|
-
"value": -3,
|
|
49278
|
-
"unit": "px"
|
|
49279
|
-
}
|
|
49280
|
-
},
|
|
49281
|
-
{
|
|
49282
|
-
"color": "#ffffff",
|
|
49283
|
-
"alpha": 0.4,
|
|
49284
|
-
"offsetX": {
|
|
49285
|
-
"value": 0,
|
|
49286
|
-
"unit": "px"
|
|
49287
|
-
},
|
|
49288
|
-
"offsetY": {
|
|
49289
|
-
"value": 6,
|
|
49290
|
-
"unit": "px"
|
|
49291
|
-
},
|
|
49292
|
-
"blur": {
|
|
49293
|
-
"value": 18,
|
|
49294
|
-
"unit": "px"
|
|
49295
|
-
},
|
|
49296
|
-
"spread": {
|
|
49297
|
-
"value": 0,
|
|
49298
|
-
"unit": "px"
|
|
49299
|
-
}
|
|
49300
|
-
}
|
|
49301
|
-
],
|
|
49302
|
-
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49303
|
-
"isSource": true,
|
|
49304
|
-
"$type": "shadow"
|
|
49305
|
-
}
|
|
49306
|
-
},
|
|
49307
|
-
"org.primer.llm": {
|
|
49308
|
-
"usage": ["legacy-component", "backward-compatibility"],
|
|
49309
|
-
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
49310
|
-
}
|
|
49311
|
-
},
|
|
49312
|
-
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49313
|
-
"isSource": true,
|
|
49314
|
-
"original": {
|
|
49315
|
-
"$value": [
|
|
49316
|
-
{
|
|
49317
|
-
"color": "{base.color.neutral.12}",
|
|
49318
|
-
"alpha": 0.04,
|
|
49319
|
-
"offsetX": {
|
|
49320
|
-
"value": 0,
|
|
49321
|
-
"unit": "px"
|
|
49322
|
-
},
|
|
49323
|
-
"offsetY": {
|
|
49324
|
-
"value": 6,
|
|
49325
|
-
"unit": "px"
|
|
49326
|
-
},
|
|
49327
|
-
"blur": {
|
|
49328
|
-
"value": 12,
|
|
49329
|
-
"unit": "px"
|
|
49330
|
-
},
|
|
49331
|
-
"spread": {
|
|
49332
|
-
"value": -3,
|
|
49333
|
-
"unit": "px"
|
|
49334
|
-
}
|
|
49335
|
-
},
|
|
49336
|
-
{
|
|
49337
|
-
"color": "{base.color.neutral.12}",
|
|
49338
|
-
"alpha": 0.12,
|
|
49339
|
-
"offsetX": {
|
|
49340
|
-
"value": 0,
|
|
49341
|
-
"unit": "px"
|
|
49342
|
-
},
|
|
49343
|
-
"offsetY": {
|
|
49344
|
-
"value": 6,
|
|
49345
|
-
"unit": "px"
|
|
49346
|
-
},
|
|
49347
|
-
"blur": {
|
|
49348
|
-
"value": 18,
|
|
49349
|
-
"unit": "px"
|
|
49350
|
-
},
|
|
49351
|
-
"spread": {
|
|
49352
|
-
"value": 0,
|
|
49353
|
-
"unit": "px"
|
|
49354
|
-
}
|
|
49355
|
-
}
|
|
49356
|
-
],
|
|
49357
|
-
"$type": "shadow",
|
|
49358
|
-
"$description": "Legacy floating shadow for backward compatibility",
|
|
49359
|
-
"$extensions": {
|
|
49360
|
-
"org.primer.figma": {},
|
|
49361
|
-
"org.primer.overrides": {
|
|
49362
|
-
"dark": {
|
|
49363
|
-
"$value": [
|
|
49364
|
-
{
|
|
49365
|
-
"color": "{base.color.neutral.0}",
|
|
49366
|
-
"alpha": 0.4,
|
|
49367
|
-
"offsetX": {
|
|
49368
|
-
"value": 0,
|
|
49369
|
-
"unit": "px"
|
|
49370
|
-
},
|
|
49371
|
-
"offsetY": {
|
|
49372
|
-
"value": 6,
|
|
49373
|
-
"unit": "px"
|
|
49374
|
-
},
|
|
49375
|
-
"blur": {
|
|
49376
|
-
"value": 12,
|
|
49377
|
-
"unit": "px"
|
|
49378
|
-
},
|
|
49379
|
-
"spread": {
|
|
49380
|
-
"value": -3,
|
|
49381
|
-
"unit": "px"
|
|
49382
|
-
}
|
|
49383
|
-
},
|
|
49384
|
-
{
|
|
49385
|
-
"color": "{base.color.neutral.0}",
|
|
49386
|
-
"alpha": 0.4,
|
|
49387
|
-
"offsetX": {
|
|
49388
|
-
"value": 0,
|
|
49389
|
-
"unit": "px"
|
|
49390
|
-
},
|
|
49391
|
-
"offsetY": {
|
|
49392
|
-
"value": 6,
|
|
49393
|
-
"unit": "px"
|
|
49394
|
-
},
|
|
49395
|
-
"blur": {
|
|
49396
|
-
"value": 18,
|
|
49397
|
-
"unit": "px"
|
|
49398
|
-
},
|
|
49399
|
-
"spread": {
|
|
49400
|
-
"value": 0,
|
|
49401
|
-
"unit": "px"
|
|
49402
|
-
}
|
|
49403
|
-
}
|
|
49404
|
-
],
|
|
49405
|
-
"filePath": "src/tokens/functional/shadow/shadow.json5",
|
|
49406
|
-
"isSource": true,
|
|
49407
|
-
"$type": "shadow"
|
|
49408
|
-
}
|
|
49409
|
-
},
|
|
49410
|
-
"org.primer.llm": {
|
|
49411
|
-
"usage": ["legacy-component", "backward-compatibility"],
|
|
49412
|
-
"rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
|
|
49413
|
-
}
|
|
49414
|
-
},
|
|
49415
|
-
"key": "{shadow.floating.legacy}"
|
|
49416
|
-
},
|
|
49417
|
-
"name": "shadow-floating-legacy",
|
|
49418
|
-
"attributes": {},
|
|
49419
|
-
"path": ["shadow", "floating", "legacy"]
|
|
49420
|
-
},
|
|
49421
49251
|
"shadow-floating-medium": {
|
|
49422
49252
|
"key": "{shadow.floating.medium}",
|
|
49423
49253
|
"$value": "0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14",
|
|
@@ -50418,7 +50248,7 @@
|
|
|
50418
50248
|
},
|
|
50419
50249
|
"shadow-floating-small": {
|
|
50420
50250
|
"key": "{shadow.floating.small}",
|
|
50421
|
-
"$value": "0 0 0 1px #
|
|
50251
|
+
"$value": "0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
|
|
50422
50252
|
"$type": "shadow",
|
|
50423
50253
|
"$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
|
|
50424
50254
|
"$extensions": {
|
|
@@ -50506,7 +50336,7 @@
|
|
|
50506
50336
|
"$value": [
|
|
50507
50337
|
{
|
|
50508
50338
|
"color": "{overlay.borderColor}",
|
|
50509
|
-
"alpha": 0.
|
|
50339
|
+
"alpha": 0.25,
|
|
50510
50340
|
"offsetX": {
|
|
50511
50341
|
"value": 0,
|
|
50512
50342
|
"unit": "px"
|