@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/styleLint/functional/size/viewport.json CHANGED
@@ -1,80 +1,86 @@
1
1
  {
2
- "viewportRange-narrow": {
3
- "$value": ["48rem", "768px"],
2
+ "viewportRange-landscape": {
3
+ "$value": "(orientation: landscape)",
4
4
  "$type": "custom-viewportRange",
5
5
  "filePath": "src/tokens/functional/size/viewport.json5",
6
6
  "isSource": true,
7
7
  "original": {
8
- "$value": "(max-width: calc({breakpoint.medium} - 0.02px))",
8
+ "$value": "(orientation: landscape)",
9
9
  "$type": "custom-viewportRange"
10
10
  },
11
- "name": "viewportRange-narrow",
11
+ "name": "viewportRange-landscape",
12
12
  "attributes": {},
13
- "path": ["viewportRange", "narrow"]
13
+ "path": ["viewportRange", "landscape"],
14
+ "key": "{viewportRange.landscape}"
14
15
  },
15
- "viewportRange-narrowLandscape": {
16
- "$value": ["34rem", "544px"],
16
+ "viewportRange-narrow": {
17
+ "$value": ["48rem", "768px"],
17
18
  "$type": "custom-viewportRange",
18
19
  "filePath": "src/tokens/functional/size/viewport.json5",
19
20
  "isSource": true,
20
21
  "original": {
21
- "$value": "(max-width: calc({breakpoint.large} - 0.02px) and (max-height: calc({breakpoint.small} - 0.02px)) and (orientation: landscape))",
22
+ "$value": "(max-width: calc({breakpoint.medium} - 0.02px))",
22
23
  "$type": "custom-viewportRange"
23
24
  },
24
- "name": "viewportRange-narrowLandscape",
25
+ "name": "viewportRange-narrow",
25
26
  "attributes": {},
26
- "path": ["viewportRange", "narrowLandscape"]
27
+ "path": ["viewportRange", "narrow"],
28
+ "key": "{viewportRange.narrow}"
27
29
  },
28
- "viewportRange-regular": {
29
- "$value": ["48rem", "768px"],
30
+ "viewportRange-narrowLandscape": {
31
+ "$value": ["34rem", "544px"],
30
32
  "$type": "custom-viewportRange",
31
33
  "filePath": "src/tokens/functional/size/viewport.json5",
32
34
  "isSource": true,
33
35
  "original": {
34
- "$value": "(min-width: {breakpoint.medium})",
36
+ "$value": "(max-width: calc({breakpoint.large} - 0.02px) and (max-height: calc({breakpoint.small} - 0.02px)) and (orientation: landscape))",
35
37
  "$type": "custom-viewportRange"
36
38
  },
37
- "name": "viewportRange-regular",
39
+ "name": "viewportRange-narrowLandscape",
38
40
  "attributes": {},
39
- "path": ["viewportRange", "regular"]
41
+ "path": ["viewportRange", "narrowLandscape"],
42
+ "key": "{viewportRange.narrowLandscape}"
40
43
  },
41
- "viewportRange-wide": {
42
- "$value": ["87.5rem", "1400px"],
44
+ "viewportRange-portrait": {
45
+ "$value": "(orientation: portrait)",
43
46
  "$type": "custom-viewportRange",
44
47
  "filePath": "src/tokens/functional/size/viewport.json5",
45
48
  "isSource": true,
46
49
  "original": {
47
- "$value": "(min-width: {breakpoint.xxlarge})",
50
+ "$value": "(orientation: portrait)",
48
51
  "$type": "custom-viewportRange"
49
52
  },
50
- "name": "viewportRange-wide",
53
+ "name": "viewportRange-portrait",
51
54
  "attributes": {},
52
- "path": ["viewportRange", "wide"]
55
+ "path": ["viewportRange", "portrait"],
56
+ "key": "{viewportRange.portrait}"
53
57
  },
54
- "viewportRange-portrait": {
55
- "$value": "(orientation: portrait)",
58
+ "viewportRange-regular": {
59
+ "$value": ["48rem", "768px"],
56
60
  "$type": "custom-viewportRange",
57
61
  "filePath": "src/tokens/functional/size/viewport.json5",
58
62
  "isSource": true,
59
63
  "original": {
60
- "$value": "(orientation: portrait)",
64
+ "$value": "(min-width: {breakpoint.medium})",
61
65
  "$type": "custom-viewportRange"
62
66
  },
63
- "name": "viewportRange-portrait",
67
+ "name": "viewportRange-regular",
64
68
  "attributes": {},
65
- "path": ["viewportRange", "portrait"]
69
+ "path": ["viewportRange", "regular"],
70
+ "key": "{viewportRange.regular}"
66
71
  },
67
- "viewportRange-landscape": {
68
- "$value": "(orientation: landscape)",
72
+ "viewportRange-wide": {
73
+ "$value": ["87.5rem", "1400px"],
69
74
  "$type": "custom-viewportRange",
70
75
  "filePath": "src/tokens/functional/size/viewport.json5",
71
76
  "isSource": true,
72
77
  "original": {
73
- "$value": "(orientation: landscape)",
78
+ "$value": "(min-width: {breakpoint.xxlarge})",
74
79
  "$type": "custom-viewportRange"
75
80
  },
76
- "name": "viewportRange-landscape",
81
+ "name": "viewportRange-wide",
77
82
  "attributes": {},
78
- "path": ["viewportRange", "landscape"]
83
+ "path": ["viewportRange", "wide"],
84
+ "key": "{viewportRange.wide}"
79
85
  }
80
86
  }