@primer/primitives 10.2.0 → 10.3.0-rc.37645a3a

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 (95) 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 +2 -2
  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/figmaAttributes.js +2 -1
  12. package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
  13. package/dist/build/utilities/asArray.d.ts +1 -0
  14. package/dist/build/utilities/asArray.js +1 -0
  15. package/dist/css/functional/size/border.css +5 -5
  16. package/dist/css/functional/size/size.css +15 -15
  17. package/dist/css/functional/size/viewport.css +2 -2
  18. package/dist/css/functional/themes/dark-colorblind.css +408 -408
  19. package/dist/css/functional/themes/dark-dimmed.css +390 -390
  20. package/dist/css/functional/themes/dark-high-contrast.css +412 -412
  21. package/dist/css/functional/themes/dark-tritanopia.css +406 -406
  22. package/dist/css/functional/themes/dark.css +416 -416
  23. package/dist/css/functional/themes/light-colorblind.css +444 -444
  24. package/dist/css/functional/themes/light-high-contrast.css +438 -438
  25. package/dist/css/functional/themes/light-tritanopia.css +432 -432
  26. package/dist/css/functional/themes/light.css +444 -444
  27. package/dist/css/primitives.css +20 -20
  28. package/dist/docs/base/motion/motion.json +88 -73
  29. package/dist/docs/base/size/size.json +94 -75
  30. package/dist/docs/base/typography/typography.json +14 -10
  31. package/dist/docs/functional/motion/motion.json +19 -15
  32. package/dist/docs/functional/size/border.json +139 -125
  33. package/dist/docs/functional/size/breakpoints.json +31 -25
  34. package/dist/docs/functional/size/size-coarse.json +13 -10
  35. package/dist/docs/functional/size/size-fine.json +9 -6
  36. package/dist/docs/functional/size/size.json +499 -433
  37. package/dist/docs/functional/size/viewport.json +32 -26
  38. package/dist/docs/functional/themes/dark-colorblind.json +7175 -6545
  39. package/dist/docs/functional/themes/dark-dimmed.json +7181 -6473
  40. package/dist/docs/functional/themes/dark-high-contrast.json +7445 -6789
  41. package/dist/docs/functional/themes/dark-tritanopia.json +7164 -6498
  42. package/dist/docs/functional/themes/dark.json +7202 -6494
  43. package/dist/docs/functional/themes/light-colorblind.json +7096 -6466
  44. package/dist/docs/functional/themes/light-high-contrast.json +7326 -6660
  45. package/dist/docs/functional/themes/light-tritanopia.json +7109 -6479
  46. package/dist/docs/functional/themes/light.json +7159 -6451
  47. package/dist/docs/functional/typography/typography.json +518 -472
  48. package/dist/figma/figma.json +3 -3
  49. package/dist/figma/shadows/dark-colorblind.json +115 -115
  50. package/dist/figma/shadows/light-colorblind.json +105 -105
  51. package/dist/figma/themes/dark-colorblind.json +5553 -5553
  52. package/dist/figma/themes/dark-dimmed.json +5162 -5162
  53. package/dist/figma/themes/dark-high-contrast.json +4196 -4196
  54. package/dist/figma/themes/dark-tritanopia.json +5211 -5211
  55. package/dist/figma/themes/dark.json +5537 -5537
  56. package/dist/figma/themes/light-colorblind.json +5501 -5501
  57. package/dist/figma/themes/light-high-contrast.json +4176 -4176
  58. package/dist/figma/themes/light-tritanopia.json +5077 -5077
  59. package/dist/figma/themes/light.json +1950 -1950
  60. package/dist/internalCss/dark-colorblind.css +1148 -1148
  61. package/dist/internalCss/dark-dimmed.css +1138 -1138
  62. package/dist/internalCss/dark-high-contrast.css +1154 -1154
  63. package/dist/internalCss/dark-tritanopia.css +1148 -1148
  64. package/dist/internalCss/dark.css +1150 -1150
  65. package/dist/internalCss/light-colorblind.css +1152 -1152
  66. package/dist/internalCss/light-high-contrast.css +1166 -1166
  67. package/dist/internalCss/light-tritanopia.css +1156 -1156
  68. package/dist/internalCss/light.css +1158 -1158
  69. package/dist/styleLint/base/motion/motion.json +97 -82
  70. package/dist/styleLint/base/size/size.json +102 -83
  71. package/dist/styleLint/base/typography/typography.json +16 -12
  72. package/dist/styleLint/functional/motion/motion.json +22 -18
  73. package/dist/styleLint/functional/size/border.json +140 -126
  74. package/dist/styleLint/functional/size/breakpoints.json +32 -26
  75. package/dist/styleLint/functional/size/size-coarse.json +14 -11
  76. package/dist/styleLint/functional/size/size-fine.json +10 -7
  77. package/dist/styleLint/functional/size/size.json +486 -420
  78. package/dist/styleLint/functional/size/viewport.json +36 -30
  79. package/dist/styleLint/functional/themes/dark-colorblind.json +6927 -6297
  80. package/dist/styleLint/functional/themes/dark-dimmed.json +7372 -6664
  81. package/dist/styleLint/functional/themes/dark-high-contrast.json +7472 -6816
  82. package/dist/styleLint/functional/themes/dark-tritanopia.json +7051 -6385
  83. package/dist/styleLint/functional/themes/dark.json +7180 -6472
  84. package/dist/styleLint/functional/themes/light-colorblind.json +7042 -6412
  85. package/dist/styleLint/functional/themes/light-high-contrast.json +7418 -6752
  86. package/dist/styleLint/functional/themes/light-tritanopia.json +6926 -6296
  87. package/dist/styleLint/functional/themes/light.json +7093 -6385
  88. package/dist/styleLint/functional/typography/typography.json +520 -474
  89. package/package.json +2 -2
  90. package/src/tokens/component/diffBlob.json5 +293 -0
  91. package/src/tokens/component/highlight.json5 +23 -0
  92. package/src/tokens/functional/color/dark/app-dark.json5 +0 -302
  93. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  94. package/src/tokens/functional/color/light/app-light.json5 +1 -274
  95. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
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
  }