@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
@@ -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 #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
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.5,
50339
+ "alpha": 0.25,
50510
50340
  "offsetX": {
50511
50341
  "value": 0,
50512
50342
  "unit": "px"
@@ -49256,176 +49256,6 @@
49256
49256
  "attributes": {},
49257
49257
  "path": ["shadow", "floating", "large"]
49258
49258
  },
49259
- "shadow-floating-legacy": {
49260
- "key": "{shadow.floating.legacy}",
49261
- "$value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
49262
- "$type": "shadow",
49263
- "$description": "Legacy floating shadow for backward compatibility",
49264
- "$extensions": {
49265
- "org.primer.figma": {},
49266
- "org.primer.overrides": {
49267
- "dark": {
49268
- "$value": [
49269
- {
49270
- "color": "#ffffff",
49271
- "alpha": 0.4,
49272
- "offsetX": {
49273
- "value": 0,
49274
- "unit": "px"
49275
- },
49276
- "offsetY": {
49277
- "value": 6,
49278
- "unit": "px"
49279
- },
49280
- "blur": {
49281
- "value": 12,
49282
- "unit": "px"
49283
- },
49284
- "spread": {
49285
- "value": -3,
49286
- "unit": "px"
49287
- }
49288
- },
49289
- {
49290
- "color": "#ffffff",
49291
- "alpha": 0.4,
49292
- "offsetX": {
49293
- "value": 0,
49294
- "unit": "px"
49295
- },
49296
- "offsetY": {
49297
- "value": 6,
49298
- "unit": "px"
49299
- },
49300
- "blur": {
49301
- "value": 18,
49302
- "unit": "px"
49303
- },
49304
- "spread": {
49305
- "value": 0,
49306
- "unit": "px"
49307
- }
49308
- }
49309
- ],
49310
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49311
- "isSource": true,
49312
- "$type": "shadow"
49313
- }
49314
- },
49315
- "org.primer.llm": {
49316
- "usage": ["legacy-component", "backward-compatibility"],
49317
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49318
- }
49319
- },
49320
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49321
- "isSource": true,
49322
- "original": {
49323
- "$value": [
49324
- {
49325
- "color": "{base.color.neutral.12}",
49326
- "alpha": 0.04,
49327
- "offsetX": {
49328
- "value": 0,
49329
- "unit": "px"
49330
- },
49331
- "offsetY": {
49332
- "value": 6,
49333
- "unit": "px"
49334
- },
49335
- "blur": {
49336
- "value": 12,
49337
- "unit": "px"
49338
- },
49339
- "spread": {
49340
- "value": -3,
49341
- "unit": "px"
49342
- }
49343
- },
49344
- {
49345
- "color": "{base.color.neutral.12}",
49346
- "alpha": 0.12,
49347
- "offsetX": {
49348
- "value": 0,
49349
- "unit": "px"
49350
- },
49351
- "offsetY": {
49352
- "value": 6,
49353
- "unit": "px"
49354
- },
49355
- "blur": {
49356
- "value": 18,
49357
- "unit": "px"
49358
- },
49359
- "spread": {
49360
- "value": 0,
49361
- "unit": "px"
49362
- }
49363
- }
49364
- ],
49365
- "$type": "shadow",
49366
- "$description": "Legacy floating shadow for backward compatibility",
49367
- "$extensions": {
49368
- "org.primer.figma": {},
49369
- "org.primer.overrides": {
49370
- "dark": {
49371
- "$value": [
49372
- {
49373
- "color": "{base.color.neutral.0}",
49374
- "alpha": 0.4,
49375
- "offsetX": {
49376
- "value": 0,
49377
- "unit": "px"
49378
- },
49379
- "offsetY": {
49380
- "value": 6,
49381
- "unit": "px"
49382
- },
49383
- "blur": {
49384
- "value": 12,
49385
- "unit": "px"
49386
- },
49387
- "spread": {
49388
- "value": -3,
49389
- "unit": "px"
49390
- }
49391
- },
49392
- {
49393
- "color": "{base.color.neutral.0}",
49394
- "alpha": 0.4,
49395
- "offsetX": {
49396
- "value": 0,
49397
- "unit": "px"
49398
- },
49399
- "offsetY": {
49400
- "value": 6,
49401
- "unit": "px"
49402
- },
49403
- "blur": {
49404
- "value": 18,
49405
- "unit": "px"
49406
- },
49407
- "spread": {
49408
- "value": 0,
49409
- "unit": "px"
49410
- }
49411
- }
49412
- ],
49413
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49414
- "isSource": true,
49415
- "$type": "shadow"
49416
- }
49417
- },
49418
- "org.primer.llm": {
49419
- "usage": ["legacy-component", "backward-compatibility"],
49420
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49421
- }
49422
- },
49423
- "key": "{shadow.floating.legacy}"
49424
- },
49425
- "name": "shadow-floating-legacy",
49426
- "attributes": {},
49427
- "path": ["shadow", "floating", "legacy"]
49428
- },
49429
49259
  "shadow-floating-medium": {
49430
49260
  "key": "{shadow.floating.medium}",
49431
49261
  "$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",
@@ -50426,7 +50256,7 @@
50426
50256
  },
50427
50257
  "shadow-floating-small": {
50428
50258
  "key": "{shadow.floating.small}",
50429
- "$value": "0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50259
+ "$value": "0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50430
50260
  "$type": "shadow",
50431
50261
  "$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
50432
50262
  "$extensions": {
@@ -50514,7 +50344,7 @@
50514
50344
  "$value": [
50515
50345
  {
50516
50346
  "color": "{overlay.borderColor}",
50517
- "alpha": 0.5,
50347
+ "alpha": 0.25,
50518
50348
  "offsetX": {
50519
50349
  "value": 0,
50520
50350
  "unit": "px"
@@ -49262,176 +49262,6 @@
49262
49262
  "attributes": {},
49263
49263
  "path": ["shadow", "floating", "large"]
49264
49264
  },
49265
- "shadow-floating-legacy": {
49266
- "key": "{shadow.floating.legacy}",
49267
- "$value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
49268
- "$type": "shadow",
49269
- "$description": "Legacy floating shadow for backward compatibility",
49270
- "$extensions": {
49271
- "org.primer.figma": {},
49272
- "org.primer.overrides": {
49273
- "dark": {
49274
- "$value": [
49275
- {
49276
- "color": "#ffffff",
49277
- "alpha": 0.4,
49278
- "offsetX": {
49279
- "value": 0,
49280
- "unit": "px"
49281
- },
49282
- "offsetY": {
49283
- "value": 6,
49284
- "unit": "px"
49285
- },
49286
- "blur": {
49287
- "value": 12,
49288
- "unit": "px"
49289
- },
49290
- "spread": {
49291
- "value": -3,
49292
- "unit": "px"
49293
- }
49294
- },
49295
- {
49296
- "color": "#ffffff",
49297
- "alpha": 0.4,
49298
- "offsetX": {
49299
- "value": 0,
49300
- "unit": "px"
49301
- },
49302
- "offsetY": {
49303
- "value": 6,
49304
- "unit": "px"
49305
- },
49306
- "blur": {
49307
- "value": 18,
49308
- "unit": "px"
49309
- },
49310
- "spread": {
49311
- "value": 0,
49312
- "unit": "px"
49313
- }
49314
- }
49315
- ],
49316
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49317
- "isSource": true,
49318
- "$type": "shadow"
49319
- }
49320
- },
49321
- "org.primer.llm": {
49322
- "usage": ["legacy-component", "backward-compatibility"],
49323
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49324
- }
49325
- },
49326
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49327
- "isSource": true,
49328
- "original": {
49329
- "$value": [
49330
- {
49331
- "color": "{base.color.neutral.12}",
49332
- "alpha": 0.04,
49333
- "offsetX": {
49334
- "value": 0,
49335
- "unit": "px"
49336
- },
49337
- "offsetY": {
49338
- "value": 6,
49339
- "unit": "px"
49340
- },
49341
- "blur": {
49342
- "value": 12,
49343
- "unit": "px"
49344
- },
49345
- "spread": {
49346
- "value": -3,
49347
- "unit": "px"
49348
- }
49349
- },
49350
- {
49351
- "color": "{base.color.neutral.12}",
49352
- "alpha": 0.12,
49353
- "offsetX": {
49354
- "value": 0,
49355
- "unit": "px"
49356
- },
49357
- "offsetY": {
49358
- "value": 6,
49359
- "unit": "px"
49360
- },
49361
- "blur": {
49362
- "value": 18,
49363
- "unit": "px"
49364
- },
49365
- "spread": {
49366
- "value": 0,
49367
- "unit": "px"
49368
- }
49369
- }
49370
- ],
49371
- "$type": "shadow",
49372
- "$description": "Legacy floating shadow for backward compatibility",
49373
- "$extensions": {
49374
- "org.primer.figma": {},
49375
- "org.primer.overrides": {
49376
- "dark": {
49377
- "$value": [
49378
- {
49379
- "color": "{base.color.neutral.0}",
49380
- "alpha": 0.4,
49381
- "offsetX": {
49382
- "value": 0,
49383
- "unit": "px"
49384
- },
49385
- "offsetY": {
49386
- "value": 6,
49387
- "unit": "px"
49388
- },
49389
- "blur": {
49390
- "value": 12,
49391
- "unit": "px"
49392
- },
49393
- "spread": {
49394
- "value": -3,
49395
- "unit": "px"
49396
- }
49397
- },
49398
- {
49399
- "color": "{base.color.neutral.0}",
49400
- "alpha": 0.4,
49401
- "offsetX": {
49402
- "value": 0,
49403
- "unit": "px"
49404
- },
49405
- "offsetY": {
49406
- "value": 6,
49407
- "unit": "px"
49408
- },
49409
- "blur": {
49410
- "value": 18,
49411
- "unit": "px"
49412
- },
49413
- "spread": {
49414
- "value": 0,
49415
- "unit": "px"
49416
- }
49417
- }
49418
- ],
49419
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49420
- "isSource": true,
49421
- "$type": "shadow"
49422
- }
49423
- },
49424
- "org.primer.llm": {
49425
- "usage": ["legacy-component", "backward-compatibility"],
49426
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49427
- }
49428
- },
49429
- "key": "{shadow.floating.legacy}"
49430
- },
49431
- "name": "shadow-floating-legacy",
49432
- "attributes": {},
49433
- "path": ["shadow", "floating", "legacy"]
49434
- },
49435
49265
  "shadow-floating-medium": {
49436
49266
  "key": "{shadow.floating.medium}",
49437
49267
  "$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",
@@ -50432,7 +50262,7 @@
50432
50262
  },
50433
50263
  "shadow-floating-small": {
50434
50264
  "key": "{shadow.floating.small}",
50435
- "$value": "0 0 0 1px #454c5480, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50265
+ "$value": "0 0 0 1px #454c5440, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50436
50266
  "$type": "shadow",
50437
50267
  "$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
50438
50268
  "$extensions": {
@@ -50520,7 +50350,7 @@
50520
50350
  "$value": [
50521
50351
  {
50522
50352
  "color": "{overlay.borderColor}",
50523
- "alpha": 0.5,
50353
+ "alpha": 0.25,
50524
50354
  "offsetX": {
50525
50355
  "value": 0,
50526
50356
  "unit": "px"