@primer/primitives 11.6.0 → 11.6.1-rc.0b7e3805

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 (63) 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 +2 -4
  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 +0 -170
  17. package/dist/docs/functional/themes/dark-colorblind.json +0 -170
  18. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +0 -170
  19. package/dist/docs/functional/themes/dark-dimmed.json +0 -170
  20. package/dist/docs/functional/themes/dark-high-contrast.json +0 -170
  21. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +0 -170
  22. package/dist/docs/functional/themes/dark-tritanopia.json +0 -170
  23. package/dist/docs/functional/themes/dark.json +0 -170
  24. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2 -172
  25. package/dist/docs/functional/themes/light-colorblind.json +2 -172
  26. package/dist/docs/functional/themes/light-high-contrast.json +2 -172
  27. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2 -172
  28. package/dist/docs/functional/themes/light-tritanopia.json +2 -172
  29. package/dist/docs/functional/themes/light.json +2 -172
  30. package/dist/figma/themes/light-colorblind.json +1 -1
  31. package/dist/figma/themes/light-high-contrast.json +1 -1
  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 +2 -4
  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 +0 -170
  49. package/dist/styleLint/functional/themes/dark-colorblind.json +0 -170
  50. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +0 -170
  51. package/dist/styleLint/functional/themes/dark-dimmed.json +0 -170
  52. package/dist/styleLint/functional/themes/dark-high-contrast.json +0 -170
  53. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +0 -170
  54. package/dist/styleLint/functional/themes/dark-tritanopia.json +0 -170
  55. package/dist/styleLint/functional/themes/dark.json +0 -170
  56. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2 -172
  57. package/dist/styleLint/functional/themes/light-colorblind.json +2 -172
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +2 -172
  59. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2 -172
  60. package/dist/styleLint/functional/themes/light-tritanopia.json +2 -172
  61. package/dist/styleLint/functional/themes/light.json +2 -172
  62. package/package.json +2 -2
  63. package/src/tokens/functional/shadow/shadow.json5 +1 -100
@@ -49294,176 +49294,6 @@
49294
49294
  "attributes": {},
49295
49295
  "path": ["shadow", "floating", "large"]
49296
49296
  },
49297
- "shadow-floating-legacy": {
49298
- "key": "{shadow.floating.legacy}",
49299
- "$value": "0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
49300
- "$type": "shadow",
49301
- "$description": "Legacy floating shadow for backward compatibility",
49302
- "$extensions": {
49303
- "org.primer.figma": {},
49304
- "org.primer.overrides": {
49305
- "dark": {
49306
- "$value": [
49307
- {
49308
- "color": "#010409",
49309
- "alpha": 0.4,
49310
- "offsetX": {
49311
- "value": 0,
49312
- "unit": "px"
49313
- },
49314
- "offsetY": {
49315
- "value": 6,
49316
- "unit": "px"
49317
- },
49318
- "blur": {
49319
- "value": 12,
49320
- "unit": "px"
49321
- },
49322
- "spread": {
49323
- "value": -3,
49324
- "unit": "px"
49325
- }
49326
- },
49327
- {
49328
- "color": "#010409",
49329
- "alpha": 0.4,
49330
- "offsetX": {
49331
- "value": 0,
49332
- "unit": "px"
49333
- },
49334
- "offsetY": {
49335
- "value": 6,
49336
- "unit": "px"
49337
- },
49338
- "blur": {
49339
- "value": 18,
49340
- "unit": "px"
49341
- },
49342
- "spread": {
49343
- "value": 0,
49344
- "unit": "px"
49345
- }
49346
- }
49347
- ],
49348
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49349
- "isSource": true,
49350
- "$type": "shadow"
49351
- }
49352
- },
49353
- "org.primer.llm": {
49354
- "usage": ["legacy-component", "backward-compatibility"],
49355
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49356
- }
49357
- },
49358
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49359
- "isSource": true,
49360
- "original": {
49361
- "$value": [
49362
- {
49363
- "color": "{base.color.neutral.0}",
49364
- "alpha": 0.4,
49365
- "offsetX": {
49366
- "value": 0,
49367
- "unit": "px"
49368
- },
49369
- "offsetY": {
49370
- "value": 6,
49371
- "unit": "px"
49372
- },
49373
- "blur": {
49374
- "value": 12,
49375
- "unit": "px"
49376
- },
49377
- "spread": {
49378
- "value": -3,
49379
- "unit": "px"
49380
- }
49381
- },
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": 18,
49395
- "unit": "px"
49396
- },
49397
- "spread": {
49398
- "value": 0,
49399
- "unit": "px"
49400
- }
49401
- }
49402
- ],
49403
- "$type": "shadow",
49404
- "$description": "Legacy floating shadow for backward compatibility",
49405
- "$extensions": {
49406
- "org.primer.figma": {},
49407
- "org.primer.overrides": {
49408
- "dark": {
49409
- "$value": [
49410
- {
49411
- "color": "{base.color.neutral.0}",
49412
- "alpha": 0.4,
49413
- "offsetX": {
49414
- "value": 0,
49415
- "unit": "px"
49416
- },
49417
- "offsetY": {
49418
- "value": 6,
49419
- "unit": "px"
49420
- },
49421
- "blur": {
49422
- "value": 12,
49423
- "unit": "px"
49424
- },
49425
- "spread": {
49426
- "value": -3,
49427
- "unit": "px"
49428
- }
49429
- },
49430
- {
49431
- "color": "{base.color.neutral.0}",
49432
- "alpha": 0.4,
49433
- "offsetX": {
49434
- "value": 0,
49435
- "unit": "px"
49436
- },
49437
- "offsetY": {
49438
- "value": 6,
49439
- "unit": "px"
49440
- },
49441
- "blur": {
49442
- "value": 18,
49443
- "unit": "px"
49444
- },
49445
- "spread": {
49446
- "value": 0,
49447
- "unit": "px"
49448
- }
49449
- }
49450
- ],
49451
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49452
- "isSource": true,
49453
- "$type": "shadow"
49454
- }
49455
- },
49456
- "org.primer.llm": {
49457
- "usage": ["legacy-component", "backward-compatibility"],
49458
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49459
- }
49460
- },
49461
- "key": "{shadow.floating.legacy}"
49462
- },
49463
- "name": "shadow-floating-legacy",
49464
- "attributes": {},
49465
- "path": ["shadow", "floating", "legacy"]
49466
- },
49467
49297
  "shadow-floating-medium": {
49468
49298
  "key": "{shadow.floating.medium}",
49469
49299
  "$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",
@@ -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",
@@ -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"