@primer/primitives 10.3.0-rc.b425078b → 10.3.0

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 (56) hide show
  1. package/dist/build/transformers/colorToHex.js +3 -3
  2. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  3. package/dist/build/transformers/shadowToCss.js +2 -2
  4. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  5. package/dist/build/transformers/utilities/alpha.js +3 -3
  6. package/dist/build/utilities/log.d.ts +6 -0
  7. package/dist/build/utilities/log.js +34 -0
  8. package/dist/docs/functional/themes/dark-colorblind.json +174 -12
  9. package/dist/docs/functional/themes/dark-dimmed.json +212 -12
  10. package/dist/docs/functional/themes/dark-high-contrast.json +213 -13
  11. package/dist/docs/functional/themes/dark-tritanopia.json +174 -12
  12. package/dist/docs/functional/themes/dark.json +174 -12
  13. package/dist/docs/functional/themes/light-colorblind.json +170 -10
  14. package/dist/docs/functional/themes/light-high-contrast.json +211 -11
  15. package/dist/docs/functional/themes/light-tritanopia.json +170 -10
  16. package/dist/docs/functional/themes/light.json +170 -10
  17. package/dist/figma/themes/dark-colorblind.json +165 -164
  18. package/dist/figma/themes/dark-dimmed.json +165 -115
  19. package/dist/figma/themes/dark-high-contrast.json +165 -114
  20. package/dist/figma/themes/dark-tritanopia.json +165 -164
  21. package/dist/figma/themes/dark.json +165 -164
  22. package/dist/figma/themes/light-colorblind.json +164 -164
  23. package/dist/figma/themes/light-high-contrast.json +151 -100
  24. package/dist/figma/themes/light-tritanopia.json +164 -164
  25. package/dist/figma/themes/light.json +164 -164
  26. package/dist/styleLint/functional/themes/dark-colorblind.json +174 -12
  27. package/dist/styleLint/functional/themes/dark-dimmed.json +212 -12
  28. package/dist/styleLint/functional/themes/dark-high-contrast.json +213 -13
  29. package/dist/styleLint/functional/themes/dark-tritanopia.json +174 -12
  30. package/dist/styleLint/functional/themes/dark.json +174 -12
  31. package/dist/styleLint/functional/themes/light-colorblind.json +170 -10
  32. package/dist/styleLint/functional/themes/light-high-contrast.json +211 -11
  33. package/dist/styleLint/functional/themes/light-tritanopia.json +170 -10
  34. package/dist/styleLint/functional/themes/light.json +170 -10
  35. package/package.json +1 -1
  36. package/src/tokens/component/header.json5 +65 -0
  37. package/src/tokens/component/headerSerach.json5 +32 -0
  38. package/src/tokens/component/overlay.json5 +68 -0
  39. package/src/tokens/component/skeletonLoader.json5 +29 -0
  40. package/src/tokens/functional/color/dark/app-dark.json5 +0 -81
  41. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -18
  42. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -21
  43. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -127
  44. package/src/tokens/functional/color/light/app-light.json5 +0 -75
  45. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -21
  46. package/src/tokens/functional/color/light/patterns-light.json5 +0 -127
  47. package/dist/figma/figma.json +0 -133
  48. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  49. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  50. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  51. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  52. package/dist/figma/shadows/dark.json +0 -1152
  53. package/dist/figma/shadows/light-colorblind.json +0 -1052
  54. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  55. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  56. package/dist/figma/shadows/light.json +0 -1052
package/dist/styleLint/functional/themes/dark-colorblind.json CHANGED
@@ -12340,11 +12340,20 @@
12340
12340
  "collection": "mode",
12341
12341
  "group": "component (internal)",
12342
12342
  "scopes": ["bgColor"]
12343
+ },
12344
+ "org.primer.overrides": {
12345
+ "dark": {
12346
+ "$value": "#151b23",
12347
+ "alpha": 0.95,
12348
+ "filePath": "src/tokens/component/header.json5",
12349
+ "isSource": true,
12350
+ "$type": "color"
12351
+ }
12343
12352
  }
12344
12353
  },
12345
- "alpha": 0.95,
12346
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12354
+ "filePath": "src/tokens/component/header.json5",
12347
12355
  "isSource": true,
12356
+ "alpha": 0.95,
12348
12357
  "original": {
12349
12358
  "$value": "{base.color.neutral.2}",
12350
12359
  "$type": "color",
@@ -12353,6 +12362,15 @@
12353
12362
  "collection": "mode",
12354
12363
  "group": "component (internal)",
12355
12364
  "scopes": ["bgColor"]
12365
+ },
12366
+ "org.primer.overrides": {
12367
+ "dark": {
12368
+ "$value": "{base.color.neutral.2}",
12369
+ "alpha": 0.95,
12370
+ "filePath": "src/tokens/component/header.json5",
12371
+ "isSource": true,
12372
+ "$type": "color"
12373
+ }
12356
12374
  }
12357
12375
  },
12358
12376
  "alpha": 0.95
@@ -12372,7 +12390,7 @@
12372
12390
  "scopes": ["borderColor"]
12373
12391
  }
12374
12392
  },
12375
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12393
+ "filePath": "src/tokens/component/header.json5",
12376
12394
  "isSource": true,
12377
12395
  "original": {
12378
12396
  "$value": "{base.color.neutral.8}",
@@ -12398,10 +12416,13 @@
12398
12416
  "collection": "mode",
12399
12417
  "group": "component (internal)",
12400
12418
  "scopes": ["fgColor"]
12419
+ },
12420
+ "org.primer.overrides": {
12421
+ "dark": "#ffffff"
12401
12422
  }
12402
12423
  },
12403
12424
  "alpha": 0.7,
12404
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12425
+ "filePath": "src/tokens/component/header.json5",
12405
12426
  "isSource": true,
12406
12427
  "original": {
12407
12428
  "$value": "{base.color.neutral.13}",
@@ -12411,6 +12432,9 @@
12411
12432
  "collection": "mode",
12412
12433
  "group": "component (internal)",
12413
12434
  "scopes": ["fgColor"]
12435
+ },
12436
+ "org.primer.overrides": {
12437
+ "dark": "{base.color.neutral.13}"
12414
12438
  }
12415
12439
  },
12416
12440
  "alpha": 0.7
@@ -12428,9 +12452,12 @@
12428
12452
  "collection": "mode",
12429
12453
  "group": "component (internal)",
12430
12454
  "scopes": ["fgColor"]
12455
+ },
12456
+ "org.primer.overrides": {
12457
+ "dark": "#f0f6fc"
12431
12458
  }
12432
12459
  },
12433
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12460
+ "filePath": "src/tokens/component/header.json5",
12434
12461
  "isSource": true,
12435
12462
  "original": {
12436
12463
  "$value": "{base.color.neutral.12}",
@@ -12440,6 +12467,9 @@
12440
12467
  "collection": "mode",
12441
12468
  "group": "component (internal)",
12442
12469
  "scopes": ["fgColor"]
12470
+ },
12471
+ "org.primer.overrides": {
12472
+ "dark": "{base.color.neutral.12}"
12443
12473
  }
12444
12474
  }
12445
12475
  },
@@ -12456,9 +12486,12 @@
12456
12486
  "collection": "mode",
12457
12487
  "group": "component (internal)",
12458
12488
  "scopes": ["bgColor"]
12489
+ },
12490
+ "org.primer.overrides": {
12491
+ "dark": "#0d1117"
12459
12492
  }
12460
12493
  },
12461
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12494
+ "filePath": "src/tokens/component/headerSerach.json5",
12462
12495
  "isSource": true,
12463
12496
  "original": {
12464
12497
  "$value": "{base.color.neutral.1}",
@@ -12468,6 +12501,9 @@
12468
12501
  "collection": "mode",
12469
12502
  "group": "component (internal)",
12470
12503
  "scopes": ["bgColor"]
12504
+ },
12505
+ "org.primer.overrides": {
12506
+ "dark": "{base.color.neutral.1}"
12471
12507
  }
12472
12508
  }
12473
12509
  },
@@ -12484,9 +12520,12 @@
12484
12520
  "collection": "mode",
12485
12521
  "group": "component (internal)",
12486
12522
  "scopes": ["borderColor"]
12523
+ },
12524
+ "org.primer.overrides": {
12525
+ "dark": "#2a313c"
12487
12526
  }
12488
12527
  },
12489
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12528
+ "filePath": "src/tokens/component/headerSerach.json5",
12490
12529
  "isSource": true,
12491
12530
  "original": {
12492
12531
  "$value": "{base.color.neutral.5}",
@@ -12496,6 +12535,9 @@
12496
12535
  "collection": "mode",
12497
12536
  "group": "component (internal)",
12498
12537
  "scopes": ["borderColor"]
12538
+ },
12539
+ "org.primer.overrides": {
12540
+ "dark": "{base.color.neutral.5}"
12499
12541
  }
12500
12542
  }
12501
12543
  },
@@ -15780,10 +15822,16 @@
15780
15822
  "collection": "mode",
15781
15823
  "group": "component (internal)",
15782
15824
  "scopes": ["bgColor"]
15825
+ },
15826
+ "org.primer.overrides": {
15827
+ "dark": "#212830",
15828
+ "dark-dimmed": "#262c36",
15829
+ "light-high-contrast": "#d1d7e0",
15830
+ "dark-high-contrast": "#d1d7e0"
15783
15831
  }
15784
15832
  },
15785
15833
  "alpha": 0.4,
15786
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
15834
+ "filePath": "src/tokens/component/overlay.json5",
15787
15835
  "isSource": true,
15788
15836
  "original": {
15789
15837
  "$value": "{base.color.neutral.3}",
@@ -15793,6 +15841,12 @@
15793
15841
  "collection": "mode",
15794
15842
  "group": "component (internal)",
15795
15843
  "scopes": ["bgColor"]
15844
+ },
15845
+ "org.primer.overrides": {
15846
+ "dark": "{base.color.neutral.3}",
15847
+ "dark-dimmed": "{base.color.neutral.4}",
15848
+ "light-high-contrast": "{base.color.neutral.11}",
15849
+ "dark-high-contrast": "{base.color.neutral.11}"
15796
15850
  }
15797
15851
  },
15798
15852
  "alpha": 0.4
@@ -15810,9 +15864,13 @@
15810
15864
  "collection": "mode",
15811
15865
  "group": "component (internal)",
15812
15866
  "scopes": ["bgColor"]
15867
+ },
15868
+ "org.primer.overrides": {
15869
+ "dark": "#151b23",
15870
+ "dark-dimmed": "#2a313c"
15813
15871
  }
15814
15872
  },
15815
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
15873
+ "filePath": "src/tokens/component/overlay.json5",
15816
15874
  "isSource": true,
15817
15875
  "original": {
15818
15876
  "$value": "{bgColor.muted}",
@@ -15822,6 +15880,10 @@
15822
15880
  "collection": "mode",
15823
15881
  "group": "component (internal)",
15824
15882
  "scopes": ["bgColor"]
15883
+ },
15884
+ "org.primer.overrides": {
15885
+ "dark": "{bgColor.muted}",
15886
+ "dark-dimmed": "{base.color.neutral.5}"
15825
15887
  }
15826
15888
  }
15827
15889
  },
@@ -15837,9 +15899,40 @@
15837
15899
  "org.primer.figma": {
15838
15900
  "collection": "mode",
15839
15901
  "group": "component (internal)"
15902
+ },
15903
+ "org.primer.overrides": {
15904
+ "dark": {
15905
+ "alpha": 1,
15906
+ "$value": "#3d444db3",
15907
+ "filePath": "src/tokens/component/overlay.json5",
15908
+ "isSource": true,
15909
+ "$type": "color"
15910
+ },
15911
+ "dark-dimmed": {
15912
+ "$value": "#3d444d",
15913
+ "alpha": 0.7,
15914
+ "filePath": "src/tokens/component/overlay.json5",
15915
+ "isSource": true,
15916
+ "$type": "color"
15917
+ },
15918
+ "light-high-contrast": {
15919
+ "alpha": 1,
15920
+ "$value": "#3d444d",
15921
+ "filePath": "src/tokens/component/overlay.json5",
15922
+ "isSource": true,
15923
+ "$type": "color"
15924
+ },
15925
+ "dark-high-contrast": {
15926
+ "$value": "#3d444d",
15927
+ "alpha": 1,
15928
+ "filePath": "src/tokens/component/overlay.json5",
15929
+ "isSource": true,
15930
+ "$type": "color"
15931
+ }
15840
15932
  }
15841
15933
  },
15842
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
15934
+ "alpha": 1,
15935
+ "filePath": "src/tokens/component/overlay.json5",
15843
15936
  "isSource": true,
15844
15937
  "original": {
15845
15938
  "$value": "{borderColor.muted}",
@@ -15848,8 +15941,39 @@
15848
15941
  "org.primer.figma": {
15849
15942
  "collection": "mode",
15850
15943
  "group": "component (internal)"
15944
+ },
15945
+ "org.primer.overrides": {
15946
+ "dark": {
15947
+ "alpha": 1,
15948
+ "$value": "{borderColor.muted}",
15949
+ "filePath": "src/tokens/component/overlay.json5",
15950
+ "isSource": true,
15951
+ "$type": "color"
15952
+ },
15953
+ "dark-dimmed": {
15954
+ "$value": "{base.color.neutral.7}",
15955
+ "alpha": 0.7,
15956
+ "filePath": "src/tokens/component/overlay.json5",
15957
+ "isSource": true,
15958
+ "$type": "color"
15959
+ },
15960
+ "light-high-contrast": {
15961
+ "alpha": 1,
15962
+ "$value": "{borderColor.default}",
15963
+ "filePath": "src/tokens/component/overlay.json5",
15964
+ "isSource": true,
15965
+ "$type": "color"
15966
+ },
15967
+ "dark-high-contrast": {
15968
+ "$value": "{borderColor.default}",
15969
+ "alpha": 1,
15970
+ "filePath": "src/tokens/component/overlay.json5",
15971
+ "isSource": true,
15972
+ "$type": "color"
15973
+ }
15851
15974
  }
15852
- }
15975
+ },
15976
+ "alpha": 1
15853
15977
  },
15854
15978
  "name": "overlay-borderColor",
15855
15979
  "attributes": {},
@@ -16586,10 +16710,29 @@
16586
16710
  "collection": "mode",
16587
16711
  "group": "component",
16588
16712
  "scopes": ["bgColor"]
16713
+ },
16714
+ "org.primer.overrides": {
16715
+ "dark": {
16716
+ "alpha": 0.2
16717
+ },
16718
+ "light-high-contrast": {
16719
+ "$value": "#2a313c",
16720
+ "alpha": 1,
16721
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16722
+ "isSource": true,
16723
+ "$type": "color"
16724
+ },
16725
+ "dark-high-contrast": {
16726
+ "$value": "#2a313c",
16727
+ "alpha": 1,
16728
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16729
+ "isSource": true,
16730
+ "$type": "color"
16731
+ }
16589
16732
  }
16590
16733
  },
16591
16734
  "alpha": 0.2,
16592
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16735
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16593
16736
  "isSource": true,
16594
16737
  "original": {
16595
16738
  "$value": "{base.color.neutral.8}",
@@ -16599,6 +16742,25 @@
16599
16742
  "collection": "mode",
16600
16743
  "group": "component",
16601
16744
  "scopes": ["bgColor"]
16745
+ },
16746
+ "org.primer.overrides": {
16747
+ "dark": {
16748
+ "alpha": 0.2
16749
+ },
16750
+ "light-high-contrast": {
16751
+ "$value": "{base.color.neutral.5}",
16752
+ "alpha": 1,
16753
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16754
+ "isSource": true,
16755
+ "$type": "color"
16756
+ },
16757
+ "dark-high-contrast": {
16758
+ "$value": "{base.color.neutral.5}",
16759
+ "alpha": 1,
16760
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16761
+ "isSource": true,
16762
+ "$type": "color"
16763
+ }
16602
16764
  }
16603
16765
  },
16604
16766
  "alpha": 0.2