@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
@@ -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 #d1d9e000, 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 #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50259
+ "$value": "0 0 0 1px #d1d9e040, 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"
@@ -49254,176 +49254,6 @@
49254
49254
  "attributes": {},
49255
49255
  "path": ["shadow", "floating", "large"]
49256
49256
  },
49257
- "shadow-floating-legacy": {
49258
- "key": "{shadow.floating.legacy}",
49259
- "$value": "0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
49260
- "$type": "shadow",
49261
- "$description": "Legacy floating shadow for backward compatibility",
49262
- "$extensions": {
49263
- "org.primer.figma": {},
49264
- "org.primer.overrides": {
49265
- "dark": {
49266
- "$value": [
49267
- {
49268
- "color": "#ffffff",
49269
- "alpha": 0.4,
49270
- "offsetX": {
49271
- "value": 0,
49272
- "unit": "px"
49273
- },
49274
- "offsetY": {
49275
- "value": 6,
49276
- "unit": "px"
49277
- },
49278
- "blur": {
49279
- "value": 12,
49280
- "unit": "px"
49281
- },
49282
- "spread": {
49283
- "value": -3,
49284
- "unit": "px"
49285
- }
49286
- },
49287
- {
49288
- "color": "#ffffff",
49289
- "alpha": 0.4,
49290
- "offsetX": {
49291
- "value": 0,
49292
- "unit": "px"
49293
- },
49294
- "offsetY": {
49295
- "value": 6,
49296
- "unit": "px"
49297
- },
49298
- "blur": {
49299
- "value": 18,
49300
- "unit": "px"
49301
- },
49302
- "spread": {
49303
- "value": 0,
49304
- "unit": "px"
49305
- }
49306
- }
49307
- ],
49308
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49309
- "isSource": true,
49310
- "$type": "shadow"
49311
- }
49312
- },
49313
- "org.primer.llm": {
49314
- "usage": ["legacy-component", "backward-compatibility"],
49315
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49316
- }
49317
- },
49318
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49319
- "isSource": true,
49320
- "original": {
49321
- "$value": [
49322
- {
49323
- "color": "{base.color.neutral.12}",
49324
- "alpha": 0.04,
49325
- "offsetX": {
49326
- "value": 0,
49327
- "unit": "px"
49328
- },
49329
- "offsetY": {
49330
- "value": 6,
49331
- "unit": "px"
49332
- },
49333
- "blur": {
49334
- "value": 12,
49335
- "unit": "px"
49336
- },
49337
- "spread": {
49338
- "value": -3,
49339
- "unit": "px"
49340
- }
49341
- },
49342
- {
49343
- "color": "{base.color.neutral.12}",
49344
- "alpha": 0.12,
49345
- "offsetX": {
49346
- "value": 0,
49347
- "unit": "px"
49348
- },
49349
- "offsetY": {
49350
- "value": 6,
49351
- "unit": "px"
49352
- },
49353
- "blur": {
49354
- "value": 18,
49355
- "unit": "px"
49356
- },
49357
- "spread": {
49358
- "value": 0,
49359
- "unit": "px"
49360
- }
49361
- }
49362
- ],
49363
- "$type": "shadow",
49364
- "$description": "Legacy floating shadow for backward compatibility",
49365
- "$extensions": {
49366
- "org.primer.figma": {},
49367
- "org.primer.overrides": {
49368
- "dark": {
49369
- "$value": [
49370
- {
49371
- "color": "{base.color.neutral.0}",
49372
- "alpha": 0.4,
49373
- "offsetX": {
49374
- "value": 0,
49375
- "unit": "px"
49376
- },
49377
- "offsetY": {
49378
- "value": 6,
49379
- "unit": "px"
49380
- },
49381
- "blur": {
49382
- "value": 12,
49383
- "unit": "px"
49384
- },
49385
- "spread": {
49386
- "value": -3,
49387
- "unit": "px"
49388
- }
49389
- },
49390
- {
49391
- "color": "{base.color.neutral.0}",
49392
- "alpha": 0.4,
49393
- "offsetX": {
49394
- "value": 0,
49395
- "unit": "px"
49396
- },
49397
- "offsetY": {
49398
- "value": 6,
49399
- "unit": "px"
49400
- },
49401
- "blur": {
49402
- "value": 18,
49403
- "unit": "px"
49404
- },
49405
- "spread": {
49406
- "value": 0,
49407
- "unit": "px"
49408
- }
49409
- }
49410
- ],
49411
- "filePath": "src/tokens/functional/shadow/shadow.json5",
49412
- "isSource": true,
49413
- "$type": "shadow"
49414
- }
49415
- },
49416
- "org.primer.llm": {
49417
- "usage": ["legacy-component", "backward-compatibility"],
49418
- "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
49419
- }
49420
- },
49421
- "key": "{shadow.floating.legacy}"
49422
- },
49423
- "name": "shadow-floating-legacy",
49424
- "attributes": {},
49425
- "path": ["shadow", "floating", "legacy"]
49426
- },
49427
49257
  "shadow-floating-medium": {
49428
49258
  "key": "{shadow.floating.medium}",
49429
49259
  "$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",
@@ -50424,7 +50254,7 @@
50424
50254
  },
50425
50255
  "shadow-floating-small": {
50426
50256
  "key": "{shadow.floating.small}",
50427
- "$value": "0 0 0 1px #d1d9e080, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50257
+ "$value": "0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f",
50428
50258
  "$type": "shadow",
50429
50259
  "$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
50430
50260
  "$extensions": {
@@ -50512,7 +50342,7 @@
50512
50342
  "$value": [
50513
50343
  {
50514
50344
  "color": "{overlay.borderColor}",
50515
- "alpha": 0.5,
50345
+ "alpha": 0.25,
50516
50346
  "offsetX": {
50517
50347
  "value": 0,
50518
50348
  "unit": "px"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "11.6.0",
3
+ "version": "11.6.1-rc.0b7e3805",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
@@ -81,4 +81,4 @@
81
81
  "zod-validation-error": "^4.0.1",
82
82
  "colorjs.io": "^0.6.1"
83
83
  }
84
- }
84
+ }
@@ -335,7 +335,7 @@
335
335
  $value: [
336
336
  {
337
337
  color: '{overlay.borderColor}',
338
- alpha: 0.5,
338
+ alpha: 0.25,
339
339
  offsetX: {
340
340
  value: 0,
341
341
  unit: 'px',
@@ -1475,105 +1475,6 @@
1475
1475
  },
1476
1476
  },
1477
1477
  },
1478
- legacy: {
1479
- $value: [
1480
- {
1481
- color: '{base.color.neutral.12}',
1482
- alpha: 0.04,
1483
- offsetX: {
1484
- value: 0,
1485
- unit: 'px',
1486
- },
1487
- offsetY: {
1488
- value: 6,
1489
- unit: 'px',
1490
- },
1491
- blur: {
1492
- value: 12,
1493
- unit: 'px',
1494
- },
1495
- spread: {
1496
- value: -3,
1497
- unit: 'px',
1498
- },
1499
- },
1500
- {
1501
- color: '{base.color.neutral.12}',
1502
- alpha: 0.12,
1503
- offsetX: {
1504
- value: 0,
1505
- unit: 'px',
1506
- },
1507
- offsetY: {
1508
- value: 6,
1509
- unit: 'px',
1510
- },
1511
- blur: {
1512
- value: 18,
1513
- unit: 'px',
1514
- },
1515
- spread: {
1516
- value: 0,
1517
- unit: 'px',
1518
- },
1519
- },
1520
- ],
1521
- $type: 'shadow',
1522
- $description: 'Legacy floating shadow for backward compatibility',
1523
- $extensions: {
1524
- 'org.primer.figma': {},
1525
- 'org.primer.overrides': {
1526
- dark: {
1527
- $value: [
1528
- {
1529
- color: '{base.color.neutral.0}',
1530
- alpha: 0.4,
1531
- offsetX: {
1532
- value: 0,
1533
- unit: 'px',
1534
- },
1535
- offsetY: {
1536
- value: 6,
1537
- unit: 'px',
1538
- },
1539
- blur: {
1540
- value: 12,
1541
- unit: 'px',
1542
- },
1543
- spread: {
1544
- value: -3,
1545
- unit: 'px',
1546
- },
1547
- },
1548
- {
1549
- color: '{base.color.neutral.0}',
1550
- alpha: 0.4,
1551
- offsetX: {
1552
- value: 0,
1553
- unit: 'px',
1554
- },
1555
- offsetY: {
1556
- value: 6,
1557
- unit: 'px',
1558
- },
1559
- blur: {
1560
- value: 18,
1561
- unit: 'px',
1562
- },
1563
- spread: {
1564
- value: 0,
1565
- unit: 'px',
1566
- },
1567
- },
1568
- ],
1569
- },
1570
- },
1571
- 'org.primer.llm': {
1572
- usage: ['legacy-component', 'backward-compatibility'],
1573
- rules: 'DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations.',
1574
- },
1575
- },
1576
- },
1577
1478
  },
1578
1479
  },
1579
1480
  }