@primer/primitives 10.2.0 → 10.3.0-rc.22c9c6cf

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 (123) hide show
  1. package/dist/build/formats/cssCustomMedia.js +2 -2
  2. package/dist/build/formats/jsonOneDimensional.js +2 -1
  3. package/dist/build/platforms/css.js +5 -2
  4. package/dist/build/platforms/figma.js +40 -36
  5. package/dist/build/preprocessors/themeOverrides.js +7 -4
  6. package/dist/build/schemas/collections.d.ts +1 -1
  7. package/dist/build/schemas/colorToken.d.ts +471 -65
  8. package/dist/build/schemas/colorToken.js +18 -15
  9. package/dist/build/schemas/shadowToken.js +2 -2
  10. package/dist/build/transformers/colorAlphaToCss.d.ts +1 -1
  11. package/dist/build/transformers/colorToHex.js +3 -3
  12. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  13. package/dist/build/transformers/figmaAttributes.js +2 -1
  14. package/dist/build/transformers/shadowToCss.js +2 -2
  15. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  16. package/dist/build/transformers/utilities/alpha.js +3 -3
  17. package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
  18. package/dist/build/utilities/asArray.d.ts +1 -0
  19. package/dist/build/utilities/asArray.js +1 -0
  20. package/dist/build/utilities/log.d.ts +6 -0
  21. package/dist/build/utilities/log.js +34 -0
  22. package/dist/css/functional/size/border.css +5 -5
  23. package/dist/css/functional/size/size.css +15 -15
  24. package/dist/css/functional/size/viewport.css +2 -2
  25. package/dist/css/functional/themes/dark-colorblind.css +408 -408
  26. package/dist/css/functional/themes/dark-dimmed.css +390 -390
  27. package/dist/css/functional/themes/dark-high-contrast.css +412 -412
  28. package/dist/css/functional/themes/dark-tritanopia.css +406 -406
  29. package/dist/css/functional/themes/dark.css +416 -416
  30. package/dist/css/functional/themes/light-colorblind.css +444 -444
  31. package/dist/css/functional/themes/light-high-contrast.css +438 -438
  32. package/dist/css/functional/themes/light-tritanopia.css +432 -432
  33. package/dist/css/functional/themes/light.css +444 -444
  34. package/dist/css/primitives.css +20 -20
  35. package/dist/docs/base/motion/motion.json +88 -73
  36. package/dist/docs/base/size/size.json +94 -75
  37. package/dist/docs/base/typography/typography.json +14 -10
  38. package/dist/docs/functional/motion/motion.json +19 -15
  39. package/dist/docs/functional/size/border.json +139 -125
  40. package/dist/docs/functional/size/breakpoints.json +31 -25
  41. package/dist/docs/functional/size/size-coarse.json +13 -10
  42. package/dist/docs/functional/size/size-fine.json +9 -6
  43. package/dist/docs/functional/size/size.json +499 -433
  44. package/dist/docs/functional/size/viewport.json +32 -26
  45. package/dist/docs/functional/themes/dark-colorblind.json +7846 -6530
  46. package/dist/docs/functional/themes/dark-dimmed.json +7774 -6498
  47. package/dist/docs/functional/themes/dark-high-contrast.json +8121 -6737
  48. package/dist/docs/functional/themes/dark-tritanopia.json +7817 -6543
  49. package/dist/docs/functional/themes/dark.json +7772 -6562
  50. package/dist/docs/functional/themes/light-colorblind.json +7753 -6455
  51. package/dist/docs/functional/themes/light-high-contrast.json +7983 -6643
  52. package/dist/docs/functional/themes/light-tritanopia.json +7732 -6454
  53. package/dist/docs/functional/themes/light.json +7658 -6450
  54. package/dist/docs/functional/typography/typography.json +518 -472
  55. package/dist/figma/themes/dark-colorblind.json +5704 -5570
  56. package/dist/figma/themes/dark-dimmed.json +5204 -5122
  57. package/dist/figma/themes/dark-high-contrast.json +4381 -4166
  58. package/dist/figma/themes/dark-tritanopia.json +5354 -5271
  59. package/dist/figma/themes/dark.json +5505 -5504
  60. package/dist/figma/themes/light-colorblind.json +5666 -5567
  61. package/dist/figma/themes/light-high-contrast.json +4277 -4115
  62. package/dist/figma/themes/light-tritanopia.json +5071 -4991
  63. package/dist/figma/themes/light.json +4808 -4808
  64. package/dist/internalCss/dark-colorblind.css +1148 -1148
  65. package/dist/internalCss/dark-dimmed.css +1138 -1138
  66. package/dist/internalCss/dark-high-contrast.css +1154 -1154
  67. package/dist/internalCss/dark-tritanopia.css +1148 -1148
  68. package/dist/internalCss/dark.css +1150 -1150
  69. package/dist/internalCss/light-colorblind.css +1152 -1152
  70. package/dist/internalCss/light-high-contrast.css +1166 -1166
  71. package/dist/internalCss/light-tritanopia.css +1156 -1156
  72. package/dist/internalCss/light.css +1158 -1158
  73. package/dist/styleLint/base/motion/motion.json +97 -82
  74. package/dist/styleLint/base/size/size.json +102 -83
  75. package/dist/styleLint/base/typography/typography.json +16 -12
  76. package/dist/styleLint/functional/motion/motion.json +22 -18
  77. package/dist/styleLint/functional/size/border.json +140 -126
  78. package/dist/styleLint/functional/size/breakpoints.json +32 -26
  79. package/dist/styleLint/functional/size/size-coarse.json +14 -11
  80. package/dist/styleLint/functional/size/size-fine.json +10 -7
  81. package/dist/styleLint/functional/size/size.json +486 -420
  82. package/dist/styleLint/functional/size/viewport.json +36 -30
  83. package/dist/styleLint/functional/themes/dark-colorblind.json +7601 -6285
  84. package/dist/styleLint/functional/themes/dark-dimmed.json +7984 -6708
  85. package/dist/styleLint/functional/themes/dark-high-contrast.json +8150 -6766
  86. package/dist/styleLint/functional/themes/dark-tritanopia.json +7780 -6506
  87. package/dist/styleLint/functional/themes/dark.json +7689 -6479
  88. package/dist/styleLint/functional/themes/light-colorblind.json +7756 -6458
  89. package/dist/styleLint/functional/themes/light-high-contrast.json +8135 -6795
  90. package/dist/styleLint/functional/themes/light-tritanopia.json +7642 -6364
  91. package/dist/styleLint/functional/themes/light.json +7552 -6344
  92. package/dist/styleLint/functional/typography/typography.json +520 -474
  93. package/package.json +2 -2
  94. package/src/tokens/component/diffBlob.json5 +387 -0
  95. package/src/tokens/component/header.json5 +65 -0
  96. package/src/tokens/component/headerSerach.json5 +32 -0
  97. package/src/tokens/component/highlight.json5 +23 -0
  98. package/src/tokens/component/overlay.json5 +68 -0
  99. package/src/tokens/component/page.json5 +20 -0
  100. package/src/tokens/component/reactionButton.json5 +78 -0
  101. package/src/tokens/component/skeletonLoader.json5 +29 -0
  102. package/src/tokens/component/timelineBadge.json5 +19 -0
  103. package/src/tokens/functional/color/dark/app-dark.json5 +0 -399
  104. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -35
  105. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -92
  106. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -63
  107. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -37
  108. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -194
  109. package/src/tokens/functional/color/light/app-light.json5 +0 -364
  110. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -70
  111. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +15 -76
  112. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -71
  113. package/src/tokens/functional/color/light/patterns-light.json5 +1 -192
  114. package/dist/figma/figma.json +0 -133
  115. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  116. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  117. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  118. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  119. package/dist/figma/shadows/dark.json +0 -1152
  120. package/dist/figma/shadows/light-colorblind.json +0 -1052
  121. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  122. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  123. package/dist/figma/shadows/light.json +0 -1052
package/dist/docs/functional/size/viewport.json CHANGED
@@ -1,4 +1,18 @@
1
1
  {
2
+ "viewportRange-landscape": {
3
+ "filePath": "src/tokens/functional/size/viewport.json5",
4
+ "isSource": true,
5
+ "original": {
6
+ "$value": "(orientation: landscape)",
7
+ "$type": "custom-viewportRange"
8
+ },
9
+ "name": "viewportRange-landscape",
10
+ "attributes": {},
11
+ "path": ["viewportRange", "landscape"],
12
+ "key": "{viewportRange.landscape}",
13
+ "value": "(orientation: landscape)",
14
+ "type": "custom-viewportRange"
15
+ },
2
16
  "viewportRange-narrow": {
3
17
  "filePath": "src/tokens/functional/size/viewport.json5",
4
18
  "isSource": true,
@@ -9,6 +23,7 @@
9
23
  "name": "viewportRange-narrow",
10
24
  "attributes": {},
11
25
  "path": ["viewportRange", "narrow"],
26
+ "key": "{viewportRange.narrow}",
12
27
  "value": "(max-width: calc(48rem - 0.02px))",
13
28
  "type": "custom-viewportRange"
14
29
  },
@@ -22,9 +37,24 @@
22
37
  "name": "viewportRange-narrowLandscape",
23
38
  "attributes": {},
24
39
  "path": ["viewportRange", "narrowLandscape"],
40
+ "key": "{viewportRange.narrowLandscape}",
25
41
  "value": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
26
42
  "type": "custom-viewportRange"
27
43
  },
44
+ "viewportRange-portrait": {
45
+ "filePath": "src/tokens/functional/size/viewport.json5",
46
+ "isSource": true,
47
+ "original": {
48
+ "$value": "(orientation: portrait)",
49
+ "$type": "custom-viewportRange"
50
+ },
51
+ "name": "viewportRange-portrait",
52
+ "attributes": {},
53
+ "path": ["viewportRange", "portrait"],
54
+ "key": "{viewportRange.portrait}",
55
+ "value": "(orientation: portrait)",
56
+ "type": "custom-viewportRange"
57
+ },
28
58
  "viewportRange-regular": {
29
59
  "filePath": "src/tokens/functional/size/viewport.json5",
30
60
  "isSource": true,
@@ -35,6 +65,7 @@
35
65
  "name": "viewportRange-regular",
36
66
  "attributes": {},
37
67
  "path": ["viewportRange", "regular"],
68
+ "key": "{viewportRange.regular}",
38
69
  "value": "(min-width: 48rem)",
39
70
  "type": "custom-viewportRange"
40
71
  },
@@ -48,33 +79,8 @@
48
79
  "name": "viewportRange-wide",
49
80
  "attributes": {},
50
81
  "path": ["viewportRange", "wide"],
82
+ "key": "{viewportRange.wide}",
51
83
  "value": "(min-width: 87.5rem)",
52
84
  "type": "custom-viewportRange"
53
- },
54
- "viewportRange-portrait": {
55
- "filePath": "src/tokens/functional/size/viewport.json5",
56
- "isSource": true,
57
- "original": {
58
- "$value": "(orientation: portrait)",
59
- "$type": "custom-viewportRange"
60
- },
61
- "name": "viewportRange-portrait",
62
- "attributes": {},
63
- "path": ["viewportRange", "portrait"],
64
- "value": "(orientation: portrait)",
65
- "type": "custom-viewportRange"
66
- },
67
- "viewportRange-landscape": {
68
- "filePath": "src/tokens/functional/size/viewport.json5",
69
- "isSource": true,
70
- "original": {
71
- "$value": "(orientation: landscape)",
72
- "$type": "custom-viewportRange"
73
- },
74
- "name": "viewportRange-landscape",
75
- "attributes": {},
76
- "path": ["viewportRange", "landscape"],
77
- "value": "(orientation: landscape)",
78
- "type": "custom-viewportRange"
79
85
  }
80
86
  }