@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.
Files changed (64) hide show
  1. package/DESIGN_TOKENS_SPEC.md +0 -5
  2. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +0 -2
  3. package/dist/css/functional/themes/dark-colorblind.css +0 -2
  4. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +0 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +0 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +0 -2
  7. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +0 -2
  8. package/dist/css/functional/themes/dark-tritanopia.css +0 -2
  9. package/dist/css/functional/themes/dark.css +0 -2
  10. package/dist/css/functional/themes/light-colorblind-high-contrast.css +2 -4
  11. package/dist/css/functional/themes/light-colorblind.css +2 -4
  12. package/dist/css/functional/themes/light-high-contrast.css +30 -32
  13. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +2 -4
  14. package/dist/css/functional/themes/light-tritanopia.css +2 -4
  15. package/dist/css/functional/themes/light.css +2 -4
  16. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +6 -176
  17. package/dist/docs/functional/themes/dark-colorblind.json +6 -176
  18. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +6 -176
  19. package/dist/docs/functional/themes/dark-dimmed.json +6 -176
  20. package/dist/docs/functional/themes/dark-high-contrast.json +6 -176
  21. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +6 -176
  22. package/dist/docs/functional/themes/dark-tritanopia.json +6 -176
  23. package/dist/docs/functional/themes/dark.json +6 -176
  24. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +8 -178
  25. package/dist/docs/functional/themes/light-colorblind.json +8 -178
  26. package/dist/docs/functional/themes/light-high-contrast.json +33 -203
  27. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +8 -178
  28. package/dist/docs/functional/themes/light-tritanopia.json +8 -178
  29. package/dist/docs/functional/themes/light.json +8 -178
  30. package/dist/figma/themes/light-colorblind.json +1 -1
  31. package/dist/figma/themes/light-high-contrast.json +43 -46
  32. package/dist/figma/themes/light-tritanopia.json +1 -1
  33. package/dist/figma/themes/light.json +1 -1
  34. package/dist/internalCss/dark-colorblind-high-contrast.css +0 -2
  35. package/dist/internalCss/dark-colorblind.css +0 -2
  36. package/dist/internalCss/dark-dimmed-high-contrast.css +0 -2
  37. package/dist/internalCss/dark-dimmed.css +0 -2
  38. package/dist/internalCss/dark-high-contrast.css +0 -2
  39. package/dist/internalCss/dark-tritanopia-high-contrast.css +0 -2
  40. package/dist/internalCss/dark-tritanopia.css +0 -2
  41. package/dist/internalCss/dark.css +0 -2
  42. package/dist/internalCss/light-colorblind-high-contrast.css +2 -4
  43. package/dist/internalCss/light-colorblind.css +2 -4
  44. package/dist/internalCss/light-high-contrast.css +30 -32
  45. package/dist/internalCss/light-tritanopia-high-contrast.css +2 -4
  46. package/dist/internalCss/light-tritanopia.css +2 -4
  47. package/dist/internalCss/light.css +2 -4
  48. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +6 -176
  49. package/dist/styleLint/functional/themes/dark-colorblind.json +6 -176
  50. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +6 -176
  51. package/dist/styleLint/functional/themes/dark-dimmed.json +6 -176
  52. package/dist/styleLint/functional/themes/dark-high-contrast.json +6 -176
  53. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +6 -176
  54. package/dist/styleLint/functional/themes/dark-tritanopia.json +6 -176
  55. package/dist/styleLint/functional/themes/dark.json +6 -176
  56. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +8 -178
  57. package/dist/styleLint/functional/themes/light-colorblind.json +8 -178
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +33 -203
  59. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +8 -178
  60. package/dist/styleLint/functional/themes/light-tritanopia.json +8 -178
  61. package/dist/styleLint/functional/themes/light.json +8 -178
  62. package/package.json +2 -2
  63. package/src/tokens/functional/color/fgColor.json5 +3 -3
  64. package/src/tokens/functional/shadow/shadow.json5 +1 -100
@@ -38694,7 +38694,7 @@
38694
38694
  "dark-high-contrast": "#ff7b72",
38695
38695
  "dark-dimmed-high-contrast": "#ffc1ba",
38696
38696
  "dark-tritanopia-high-contrast": "#ff7b72",
38697
- "light-high-contrast": "#b62324",
38697
+ "light-high-contrast": "#960d1e",
38698
38698
  "light-tritanopia-high-contrast": "#b62324"
38699
38699
  },
38700
38700
  "org.primer.llm": {
@@ -38726,7 +38726,7 @@
38726
38726
  "dark-high-contrast": "{base.color.red.3}",
38727
38727
  "dark-dimmed-high-contrast": "{base.color.red.1}",
38728
38728
  "dark-tritanopia-high-contrast": "{base.color.red.3}",
38729
- "light-high-contrast": "{base.color.red.6}",
38729
+ "light-high-contrast": "#960d1e",
38730
38730
  "light-tritanopia-high-contrast": "{base.color.red.6}"
38731
38731
  },
38732
38732
  "org.primer.llm": {
@@ -38892,7 +38892,7 @@
38892
38892
  "dark-dimmed-high-contrast": "#e2c5ff",
38893
38893
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38894
38894
  "dark-tritanopia-high-contrast": "#D3ABFF",
38895
- "light-high-contrast": "#6e40c9",
38895
+ "light-high-contrast": "#5e2bb4",
38896
38896
  "light-protanopia-deuteranopia-high-contrast": "#6e40c9",
38897
38897
  "light-tritanopia-high-contrast": "#6e40c9"
38898
38898
  },
@@ -38922,7 +38922,7 @@
38922
38922
  "dark-dimmed-high-contrast": "{base.color.purple.1}",
38923
38923
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38924
38924
  "dark-tritanopia-high-contrast": "#D3ABFF",
38925
- "light-high-contrast": "{base.color.purple.6}",
38925
+ "light-high-contrast": "#5e2bb4",
38926
38926
  "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
38927
38927
  "light-tritanopia-high-contrast": "{base.color.purple.6}"
38928
38928
  },
@@ -39458,7 +39458,7 @@
39458
39458
  "dark": "#3fb950",
39459
39459
  "dark-high-contrast": "#2BD853",
39460
39460
  "dark-dimmed-high-contrast": "#aff5b4",
39461
- "light-high-contrast": "#196c2e",
39461
+ "light-high-contrast": "#04591f",
39462
39462
  "dark-protanopia-deuteranopia": "#58a6ff",
39463
39463
  "dark-protanopia-deuteranopia-high-contrast": "#a5d6ff",
39464
39464
  "light-protanopia-deuteranopia": "#1f6feb",
@@ -39492,7 +39492,7 @@
39492
39492
  "dark": "{base.color.green.3}",
39493
39493
  "dark-high-contrast": "#2BD853",
39494
39494
  "dark-dimmed-high-contrast": "{base.color.green.0}",
39495
- "light-high-contrast": "{base.color.green.6}",
39495
+ "light-high-contrast": "#04591f",
39496
39496
  "dark-protanopia-deuteranopia": "{base.color.blue.3}",
39497
39497
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
39498
39498
  "light-protanopia-deuteranopia": "{base.color.blue.5}",
@@ -49266,176 +49266,6 @@
49266
49266
  "attributes": {},
49267
49267
  "path": ["shadow", "floating", "large"]
49268
49268
  },
49269
- "shadow-floating-legacy": {
49270
- "key": "{shadow.floating.legacy}",
49271
- "$value": "0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
49272
- "$type": "shadow",
49273
- "$description": "Legacy floating shadow for backward compatibility",
49274
- "$extensions": {
49275
- "org.primer.figma": {},
49276
- "org.primer.overrides": {
49277
- "dark": {
49278
- "$value": [
49279
- {
49280
- "color": "#010409",
49281
- "alpha": 0.4,
49282
- "offsetX": {
49283
- "value": 0,
49284
- "unit": "px"
49285
- },
49286
- "offsetY": {
49287
- "value": 6,
49288
- "unit": "px"
49289
- },
49290
- "blur": {
49291
- "value": 12,
49292
- "unit": "px"
49293
- },
49294
- "spread": {
49295
- "value": -3,
49296
- "unit": "px"
49297
- }
49298
- },
49299
- {
49300
- "color": "#010409",
49301
- "alpha": 0.4,
49302
- "offsetX": {
49303
- "value": 0,
49304
- "unit": "px"
49305
- },
49306
- "offsetY": {
49307
- "value": 6,
49308
- "unit": "px"
49309
- },
49310
- "blur": {
49311
- "value": 18,
49312
- "unit": "px"
49313
- },
49314
- "spread": {
49315
- "value": 0,
49316
- "unit": "px"
49317
- }
49318
- }
49319
- ],
49320
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49321
- "isSource": true,
49322
- "$type": "shadow"
49323
- }
49324
- },
49325
- "org.primer.llm": {
49326
- "usage": ["legacy-component", "backward-compatibility"],
49327
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49328
- }
49329
- },
49330
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49331
- "isSource": true,
49332
- "original": {
49333
- "$value": [
49334
- {
49335
- "color": "{base.color.neutral.0}",
49336
- "alpha": 0.4,
49337
- "offsetX": {
49338
- "value": 0,
49339
- "unit": "px"
49340
- },
49341
- "offsetY": {
49342
- "value": 6,
49343
- "unit": "px"
49344
- },
49345
- "blur": {
49346
- "value": 12,
49347
- "unit": "px"
49348
- },
49349
- "spread": {
49350
- "value": -3,
49351
- "unit": "px"
49352
- }
49353
- },
49354
- {
49355
- "color": "{base.color.neutral.0}",
49356
- "alpha": 0.4,
49357
- "offsetX": {
49358
- "value": 0,
49359
- "unit": "px"
49360
- },
49361
- "offsetY": {
49362
- "value": 6,
49363
- "unit": "px"
49364
- },
49365
- "blur": {
49366
- "value": 18,
49367
- "unit": "px"
49368
- },
49369
- "spread": {
49370
- "value": 0,
49371
- "unit": "px"
49372
- }
49373
- }
49374
- ],
49375
- "$type": "shadow",
49376
- "$description": "Legacy floating shadow for backward compatibility",
49377
- "$extensions": {
49378
- "org.primer.figma": {},
49379
- "org.primer.overrides": {
49380
- "dark": {
49381
- "$value": [
49382
- {
49383
- "color": "{base.color.neutral.0}",
49384
- "alpha": 0.4,
49385
- "offsetX": {
49386
- "value": 0,
49387
- "unit": "px"
49388
- },
49389
- "offsetY": {
49390
- "value": 6,
49391
- "unit": "px"
49392
- },
49393
- "blur": {
49394
- "value": 12,
49395
- "unit": "px"
49396
- },
49397
- "spread": {
49398
- "value": -3,
49399
- "unit": "px"
49400
- }
49401
- },
49402
- {
49403
- "color": "{base.color.neutral.0}",
49404
- "alpha": 0.4,
49405
- "offsetX": {
49406
- "value": 0,
49407
- "unit": "px"
49408
- },
49409
- "offsetY": {
49410
- "value": 6,
49411
- "unit": "px"
49412
- },
49413
- "blur": {
49414
- "value": 18,
49415
- "unit": "px"
49416
- },
49417
- "spread": {
49418
- "value": 0,
49419
- "unit": "px"
49420
- }
49421
- }
49422
- ],
49423
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49424
- "isSource": true,
49425
- "$type": "shadow"
49426
- }
49427
- },
49428
- "org.primer.llm": {
49429
- "usage": ["legacy-component", "backward-compatibility"],
49430
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49431
- }
49432
- },
49433
- "key": "{shadow.floating.legacy}"
49434
- },
49435
- "name": "shadow-floating-legacy",
49436
- "attributes": {},
49437
- "path": ["shadow", "floating", "legacy"]
49438
- },
49439
49269
  "shadow-floating-medium": {
49440
49270
  "key": "{shadow.floating.medium}",
49441
49271
  "$value": "0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966",
@@ -38694,7 +38694,7 @@
38694
38694
  "dark-high-contrast": "#ee5a5d",
38695
38695
  "dark-dimmed-high-contrast": "#ffc1bc",
38696
38696
  "dark-tritanopia-high-contrast": "#ee5a5d",
38697
- "light-high-contrast": "#86061d",
38697
+ "light-high-contrast": "#960d1e",
38698
38698
  "light-tritanopia-high-contrast": "#86061d"
38699
38699
  },
38700
38700
  "org.primer.llm": {
@@ -38726,7 +38726,7 @@
38726
38726
  "dark-high-contrast": "{base.color.red.3}",
38727
38727
  "dark-dimmed-high-contrast": "{base.color.red.1}",
38728
38728
  "dark-tritanopia-high-contrast": "{base.color.red.3}",
38729
- "light-high-contrast": "{base.color.red.6}",
38729
+ "light-high-contrast": "#960d1e",
38730
38730
  "light-tritanopia-high-contrast": "{base.color.red.6}"
38731
38731
  },
38732
38732
  "org.primer.llm": {
@@ -38892,7 +38892,7 @@
38892
38892
  "dark-dimmed-high-contrast": "#e0c5ff",
38893
38893
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38894
38894
  "dark-tritanopia-high-contrast": "#D3ABFF",
38895
- "light-high-contrast": "#512598",
38895
+ "light-high-contrast": "#5e2bb4",
38896
38896
  "light-protanopia-deuteranopia-high-contrast": "#512598",
38897
38897
  "light-tritanopia-high-contrast": "#512598"
38898
38898
  },
@@ -38922,7 +38922,7 @@
38922
38922
  "dark-dimmed-high-contrast": "{base.color.purple.1}",
38923
38923
  "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
38924
38924
  "dark-tritanopia-high-contrast": "#D3ABFF",
38925
- "light-high-contrast": "{base.color.purple.6}",
38925
+ "light-high-contrast": "#5e2bb4",
38926
38926
  "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
38927
38927
  "light-tritanopia-high-contrast": "{base.color.purple.6}"
38928
38928
  },
@@ -39458,7 +39458,7 @@
39458
39458
  "dark": "#26a148",
39459
39459
  "dark-high-contrast": "#2BD853",
39460
39460
  "dark-dimmed-high-contrast": "#d2fedb",
39461
- "light-high-contrast": "#024c1a",
39461
+ "light-high-contrast": "#04591f",
39462
39462
  "dark-protanopia-deuteranopia": "#368cf9",
39463
39463
  "dark-protanopia-deuteranopia-high-contrast": "#9cd7ff",
39464
39464
  "light-protanopia-deuteranopia": "#0349b4",
@@ -39492,7 +39492,7 @@
39492
39492
  "dark": "{base.color.green.3}",
39493
39493
  "dark-high-contrast": "#2BD853",
39494
39494
  "dark-dimmed-high-contrast": "{base.color.green.0}",
39495
- "light-high-contrast": "{base.color.green.6}",
39495
+ "light-high-contrast": "#04591f",
39496
39496
  "dark-protanopia-deuteranopia": "{base.color.blue.3}",
39497
39497
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
39498
39498
  "light-protanopia-deuteranopia": "{base.color.blue.5}",
@@ -49258,176 +49258,6 @@
49258
49258
  "attributes": {},
49259
49259
  "path": ["shadow", "floating", "large"]
49260
49260
  },
49261
- "shadow-floating-legacy": {
49262
- "key": "{shadow.floating.legacy}",
49263
- "$value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
49264
- "$type": "shadow",
49265
- "$description": "Legacy floating shadow for backward compatibility",
49266
- "$extensions": {
49267
- "org.primer.figma": {},
49268
- "org.primer.overrides": {
49269
- "dark": {
49270
- "$value": [
49271
- {
49272
- "color": "#ffffff",
49273
- "alpha": 0.4,
49274
- "offsetX": {
49275
- "value": 0,
49276
- "unit": "px"
49277
- },
49278
- "offsetY": {
49279
- "value": 6,
49280
- "unit": "px"
49281
- },
49282
- "blur": {
49283
- "value": 12,
49284
- "unit": "px"
49285
- },
49286
- "spread": {
49287
- "value": -3,
49288
- "unit": "px"
49289
- }
49290
- },
49291
- {
49292
- "color": "#ffffff",
49293
- "alpha": 0.4,
49294
- "offsetX": {
49295
- "value": 0,
49296
- "unit": "px"
49297
- },
49298
- "offsetY": {
49299
- "value": 6,
49300
- "unit": "px"
49301
- },
49302
- "blur": {
49303
- "value": 18,
49304
- "unit": "px"
49305
- },
49306
- "spread": {
49307
- "value": 0,
49308
- "unit": "px"
49309
- }
49310
- }
49311
- ],
49312
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49313
- "isSource": true,
49314
- "$type": "shadow"
49315
- }
49316
- },
49317
- "org.primer.llm": {
49318
- "usage": ["legacy-component", "backward-compatibility"],
49319
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49320
- }
49321
- },
49322
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49323
- "isSource": true,
49324
- "original": {
49325
- "$value": [
49326
- {
49327
- "color": "{base.color.neutral.12}",
49328
- "alpha": 0.04,
49329
- "offsetX": {
49330
- "value": 0,
49331
- "unit": "px"
49332
- },
49333
- "offsetY": {
49334
- "value": 6,
49335
- "unit": "px"
49336
- },
49337
- "blur": {
49338
- "value": 12,
49339
- "unit": "px"
49340
- },
49341
- "spread": {
49342
- "value": -3,
49343
- "unit": "px"
49344
- }
49345
- },
49346
- {
49347
- "color": "{base.color.neutral.12}",
49348
- "alpha": 0.12,
49349
- "offsetX": {
49350
- "value": 0,
49351
- "unit": "px"
49352
- },
49353
- "offsetY": {
49354
- "value": 6,
49355
- "unit": "px"
49356
- },
49357
- "blur": {
49358
- "value": 18,
49359
- "unit": "px"
49360
- },
49361
- "spread": {
49362
- "value": 0,
49363
- "unit": "px"
49364
- }
49365
- }
49366
- ],
49367
- "$type": "shadow",
49368
- "$description": "Legacy floating shadow for backward compatibility",
49369
- "$extensions": {
49370
- "org.primer.figma": {},
49371
- "org.primer.overrides": {
49372
- "dark": {
49373
- "$value": [
49374
- {
49375
- "color": "{base.color.neutral.0}",
49376
- "alpha": 0.4,
49377
- "offsetX": {
49378
- "value": 0,
49379
- "unit": "px"
49380
- },
49381
- "offsetY": {
49382
- "value": 6,
49383
- "unit": "px"
49384
- },
49385
- "blur": {
49386
- "value": 12,
49387
- "unit": "px"
49388
- },
49389
- "spread": {
49390
- "value": -3,
49391
- "unit": "px"
49392
- }
49393
- },
49394
- {
49395
- "color": "{base.color.neutral.0}",
49396
- "alpha": 0.4,
49397
- "offsetX": {
49398
- "value": 0,
49399
- "unit": "px"
49400
- },
49401
- "offsetY": {
49402
- "value": 6,
49403
- "unit": "px"
49404
- },
49405
- "blur": {
49406
- "value": 18,
49407
- "unit": "px"
49408
- },
49409
- "spread": {
49410
- "value": 0,
49411
- "unit": "px"
49412
- }
49413
- }
49414
- ],
49415
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49416
- "isSource": true,
49417
- "$type": "shadow"
49418
- }
49419
- },
49420
- "org.primer.llm": {
49421
- "usage": ["legacy-component", "backward-compatibility"],
49422
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49423
- }
49424
- },
49425
- "key": "{shadow.floating.legacy}"
49426
- },
49427
- "name": "shadow-floating-legacy",
49428
- "attributes": {},
49429
- "path": ["shadow", "floating", "legacy"]
49430
- },
49431
49261
  "shadow-floating-medium": {
49432
49262
  "key": "{shadow.floating.medium}",
49433
49263
  "$value": "0 0 0 1px #454c54, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14",
@@ -50428,7 +50258,7 @@
50428
50258
  },
50429
50259
  "shadow-floating-small": {
50430
50260
  "key": "{shadow.floating.small}",
50431
- "$value": "0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50261
+ "$value": "0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50432
50262
  "$type": "shadow",
50433
50263
  "$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
50434
50264
  "$extensions": {
@@ -50516,7 +50346,7 @@
50516
50346
  "$value": [
50517
50347
  {
50518
50348
  "color": "{overlay.borderColor}",
50519
- "alpha": 0.5,
50349
+ "alpha": 0.25,
50520
50350
  "offsetX": {
50521
50351
  "value": 0,
50522
50352
  "unit": "px"