@primer/primitives 7.15.4 → 7.15.5-rc.2aa7771

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 (154) hide show
  1. package/dist/css/base/size/size.css +19 -0
  2. package/dist/css/base/typography/typography.css +6 -0
  3. package/dist/css/functional/motion/motion.css +5 -0
  4. package/dist/css/functional/size/border.css +14 -0
  5. package/dist/css/functional/size/breakpoints.css +8 -0
  6. package/dist/css/functional/size/size-coarse.css +7 -0
  7. package/dist/css/functional/size/size-fine.css +7 -0
  8. package/dist/css/functional/size/size.css +73 -0
  9. package/dist/css/functional/size/viewport.css +6 -0
  10. package/dist/css/functional/themes/dark-colorblind.css +841 -0
  11. package/dist/css/functional/themes/dark-dimmed.css +841 -0
  12. package/dist/css/functional/themes/dark-high-contrast.css +841 -0
  13. package/dist/css/functional/themes/dark-tritanopia.css +841 -0
  14. package/dist/css/functional/themes/dark.css +841 -0
  15. package/dist/css/functional/themes/light-colorblind.css +841 -0
  16. package/dist/css/functional/themes/light-high-contrast.css +841 -0
  17. package/dist/css/functional/themes/light-tritanopia.css +841 -0
  18. package/dist/css/functional/themes/light.css +841 -0
  19. package/dist/css/functional/typography/typography.css +47 -0
  20. package/dist/docs/base/size/size.json +427 -0
  21. package/dist/docs/base/typography/typography.json +54 -0
  22. package/dist/docs/functional/motion/motion.json +47 -0
  23. package/dist/docs/functional/size/border.json +234 -0
  24. package/dist/docs/functional/size/breakpoints.json +152 -0
  25. package/dist/docs/functional/size/size-coarse.json +41 -0
  26. package/dist/docs/functional/size/size-fine.json +41 -0
  27. package/dist/docs/functional/size/size.json +1813 -0
  28. package/dist/docs/functional/size/viewport.json +80 -0
  29. package/dist/docs/functional/themes/dark-colorblind.json +11230 -0
  30. package/dist/docs/functional/themes/dark-dimmed.json +11234 -0
  31. package/dist/docs/functional/themes/dark-high-contrast.json +11252 -0
  32. package/dist/docs/functional/themes/dark-tritanopia.json +11236 -0
  33. package/dist/docs/functional/themes/dark.json +11234 -0
  34. package/dist/docs/functional/themes/light-colorblind.json +11182 -0
  35. package/dist/docs/functional/themes/light-high-contrast.json +11184 -0
  36. package/dist/docs/functional/themes/light-tritanopia.json +11174 -0
  37. package/dist/docs/functional/themes/light.json +11172 -0
  38. package/dist/docs/functional/typography/typography.json +663 -0
  39. package/dist/fallbacks/base/size/size.json +19 -0
  40. package/dist/fallbacks/base/typography/typography.json +6 -0
  41. package/dist/fallbacks/functional/motion/motion.json +5 -0
  42. package/dist/fallbacks/functional/size/border.json +14 -0
  43. package/dist/fallbacks/functional/size/breakpoints.json +8 -0
  44. package/dist/fallbacks/functional/size/size-coarse.json +5 -0
  45. package/dist/fallbacks/functional/size/size-fine.json +5 -0
  46. package/dist/fallbacks/functional/size/size.json +73 -0
  47. package/dist/fallbacks/functional/size/viewport.json +8 -0
  48. package/dist/fallbacks/functional/typography/typography.json +47 -0
  49. package/dist/figma/dimension/dimension.json +1058 -0
  50. package/dist/figma/figma.json +64 -0
  51. package/dist/figma/scales/dark.json +1398 -0
  52. package/dist/figma/scales/light.json +1398 -0
  53. package/dist/figma/themes/dark.json +5180 -0
  54. package/dist/figma/themes/light.json +5150 -0
  55. package/dist/removed/color.json +421 -0
  56. package/dist/scss/base/size/size.scss +17 -0
  57. package/dist/scss/base/typography/typography.scss +4 -0
  58. package/dist/scss/functional/motion/motion.scss +3 -0
  59. package/dist/scss/functional/size/border.scss +12 -0
  60. package/dist/scss/functional/size/breakpoints.scss +6 -0
  61. package/dist/scss/functional/size/size-coarse.scss +3 -0
  62. package/dist/scss/functional/size/size-fine.scss +3 -0
  63. package/dist/scss/functional/size/size.scss +71 -0
  64. package/dist/scss/functional/size/viewport.scss +6 -0
  65. package/dist/scss/functional/themes/dark-colorblind.scss +417 -0
  66. package/dist/scss/functional/themes/dark-dimmed.scss +417 -0
  67. package/dist/scss/functional/themes/dark-high-contrast.scss +417 -0
  68. package/dist/scss/functional/themes/dark-tritanopia.scss +417 -0
  69. package/dist/scss/functional/themes/dark.scss +417 -0
  70. package/dist/scss/functional/themes/light-colorblind.scss +417 -0
  71. package/dist/scss/functional/themes/light-high-contrast.scss +417 -0
  72. package/dist/scss/functional/themes/light-tritanopia.scss +417 -0
  73. package/dist/scss/functional/themes/light.scss +417 -0
  74. package/dist/scss/functional/typography/typography.scss +45 -0
  75. package/package.json +1 -1
  76. package/tokens-next-private/css/functional/themes/dark-colorblind.css +4 -4
  77. package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -4
  78. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
  79. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -4
  80. package/tokens-next-private/css/functional/themes/dark.css +4 -4
  81. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
  82. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
  83. package/tokens-next-private/css/functional/themes/light.css +2 -2
  84. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
  85. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
  86. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +2 -2
  87. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
  88. package/tokens-next-private/docs/functional/themes/dark.json +4 -4
  89. package/tokens-next-private/docs/functional/themes/light-colorblind.json +3 -3
  90. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +3 -3
  91. package/tokens-next-private/docs/functional/themes/light.json +3 -3
  92. package/tokens-next-private/figma/themes/dark.json +3 -3
  93. package/tokens-next-private/figma/themes/light.json +2 -2
  94. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -2
  95. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -2
  96. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
  97. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -2
  98. package/tokens-next-private/scss/functional/themes/dark.scss +2 -2
  99. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  100. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  101. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  102. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  103. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  104. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  105. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  106. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  107. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  108. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  109. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  110. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  111. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  112. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  113. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  114. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  115. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  116. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  117. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  118. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  119. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  120. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  121. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  122. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  123. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  124. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  125. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  126. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  127. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  128. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  129. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  130. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  131. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  132. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  133. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  134. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  135. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  136. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  137. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  138. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  139. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  140. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  145. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  146. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  147. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  148. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  149. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  150. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -0,0 +1,6 @@
1
+ {
2
+ "--base-text-weight-light": 300,
3
+ "--base-text-weight-normal": 400,
4
+ "--base-text-weight-medium": 500,
5
+ "--base-text-weight-semibold": 600
6
+ }
@@ -0,0 +1,5 @@
1
+ {
2
+ "--motion-loading-delay-default": "1000ms",
3
+ "--motion-spinner-duration-rotation": "1000ms",
4
+ "--motion-skeletonLoader-shimmer-duration-scale": "1000ms"
5
+ }
@@ -0,0 +1,14 @@
1
+ {
2
+ "--boxShadow-thin": "inset 0 0 0 max(1px, 0.0625rem)",
3
+ "--boxShadow-thick": "inset 0 0 0 max(2px, 0.125rem)",
4
+ "--boxShadow-thicker": "inset 0 0 0 max(4px, 0.25rem)",
5
+ "--borderWidth-thin": "max(1px, 0.0625rem)",
6
+ "--borderWidth-thick": "max(2px, 0.125rem)",
7
+ "--borderWidth-thicker": "max(4px, 0.25rem)",
8
+ "--borderRadius-small": "0.1875rem",
9
+ "--borderRadius-medium": "0.375rem",
10
+ "--borderRadius-large": "0.75rem",
11
+ "--borderRadius-full": "624.9375rem",
12
+ "--outline-focus-offset": "-0.125rem",
13
+ "--outline-focus-width": "0.125rem"
14
+ }
@@ -0,0 +1,8 @@
1
+ {
2
+ "--breakpoint-xsmall": "20rem",
3
+ "--breakpoint-small": "34rem",
4
+ "--breakpoint-medium": "48rem",
5
+ "--breakpoint-large": "63.25rem",
6
+ "--breakpoint-xlarge": "80rem",
7
+ "--breakpoint-xxlarge": "87.5rem"
8
+ }
@@ -0,0 +1,5 @@
1
+ {
2
+ "--control-minTarget-auto": "2.75rem",
3
+ "--controlStack-small-gap-auto": "1rem",
4
+ "--controlStack-medium-gap-auto": "0.75rem"
5
+ }
@@ -0,0 +1,5 @@
1
+ {
2
+ "--control-minTarget-auto": "1rem",
3
+ "--controlStack-small-gap-auto": "0.5rem",
4
+ "--controlStack-medium-gap-auto": "0.5rem"
5
+ }
@@ -0,0 +1,73 @@
1
+ {
2
+ "--control-minTarget-fine": "1rem",
3
+ "--control-minTarget-coarse": "2.75rem",
4
+ "--control-xsmall-size": "1.5rem",
5
+ "--control-xsmall-lineBoxHeight": "1.25rem",
6
+ "--control-xsmall-paddingBlock": "0.125rem",
7
+ "--control-xsmall-paddingInline-condensed": "0.25rem",
8
+ "--control-xsmall-paddingInline-normal": "0.5rem",
9
+ "--control-xsmall-paddingInline-spacious": "0.75rem",
10
+ "--control-xsmall-gap": "0.25rem",
11
+ "--control-small-size": "1.75rem",
12
+ "--control-small-lineBoxHeight": "1.25rem",
13
+ "--control-small-paddingBlock": "0.25rem",
14
+ "--control-small-paddingInline-condensed": "0.5rem",
15
+ "--control-small-paddingInline-normal": "0.75rem",
16
+ "--control-small-gap": "0.25rem",
17
+ "--control-medium-size": "2rem",
18
+ "--control-medium-lineBoxHeight": "1.25rem",
19
+ "--control-medium-paddingBlock": "0.375rem",
20
+ "--control-medium-paddingInline-condensed": "0.5rem",
21
+ "--control-medium-paddingInline-normal": "0.75rem",
22
+ "--control-medium-paddingInline-spacious": "1rem",
23
+ "--control-medium-gap": "0.5rem",
24
+ "--control-large-size": "2.5rem",
25
+ "--control-large-lineBoxHeight": "1.25rem",
26
+ "--control-large-paddingBlock": "0.625rem",
27
+ "--control-large-paddingInline-normal": "0.75rem",
28
+ "--control-large-paddingInline-spacious": "1rem",
29
+ "--control-large-gap": "0.5rem",
30
+ "--control-xlarge-size": "3rem",
31
+ "--control-xlarge-lineBoxHeight": "1.25rem",
32
+ "--control-xlarge-paddingBlock": "0.875rem",
33
+ "--control-xlarge-paddingInline-normal": "0.75rem",
34
+ "--control-xlarge-paddingInline-spacious": "1rem",
35
+ "--control-xlarge-gap": "0.5rem",
36
+ "--controlStack-small-gap-condensed": "0.5rem",
37
+ "--controlStack-small-gap-spacious": "1rem",
38
+ "--controlStack-medium-gap-condensed": "0.5rem",
39
+ "--controlStack-medium-gap-spacious": "0.75rem",
40
+ "--controlStack-large-gap-auto": "0.5rem",
41
+ "--controlStack-large-gap-condensed": "0.5rem",
42
+ "--controlStack-large-gap-spacious": "0.75rem",
43
+ "--space-xxsmall": "0.125rem",
44
+ "--space-xsmall": "0.25rem",
45
+ "--space-small": "0.375rem",
46
+ "--space-medium": "0.5rem",
47
+ "--space-large": "0.75rem",
48
+ "--space-xlarge": "1rem",
49
+ "--spinner-strokeWidth-default": "0.125rem",
50
+ "--spinner-size-small": "1rem",
51
+ "--spinner-size-medium": "2rem",
52
+ "--spinner-size-large": "4rem",
53
+ "--stack-padding-condensed": "0.5rem",
54
+ "--stack-padding-normal": "1rem",
55
+ "--stack-padding-spacious": "1.5rem",
56
+ "--stack-gap-condensed": "0.5rem",
57
+ "--stack-gap-normal": "1rem",
58
+ "--stack-gap-spacious": "1.5rem",
59
+ "--overlay-width-xsmall": "12rem",
60
+ "--overlay-width-small": "20rem",
61
+ "--overlay-width-medium": "30rem",
62
+ "--overlay-width-large": "40rem",
63
+ "--overlay-width-xlarge": "60rem",
64
+ "--overlay-height-small": "16rem",
65
+ "--overlay-height-medium": "20rem",
66
+ "--overlay-height-large": "27rem",
67
+ "--overlay-height-xlarge": "37.5rem",
68
+ "--overlay-padding-normal": "1rem",
69
+ "--overlay-padding-condensed": "0.5rem",
70
+ "--overlay-paddingBlock-condensed": "0.25rem",
71
+ "--overlay-paddingBlock-normal": "0.75rem",
72
+ "--overlay-borderRadius": "0.375rem"
73
+ }
@@ -0,0 +1,8 @@
1
+ {
2
+ "--viewportRange-narrow": "(max-width: calc(48rem - 0.02px))",
3
+ "--viewportRange-narrowLandscape": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
4
+ "--viewportRange-regular": "(min-width: 48rem)",
5
+ "--viewportRange-wide": "(min-width: 87.5rem)",
6
+ "--viewportRange-portrait": "(orientation: portrait)",
7
+ "--viewportRange-landscape": "(orientation: landscape)"
8
+ }
@@ -0,0 +1,47 @@
1
+ {
2
+ "--fontStack-system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
3
+ "--fontStack-sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
4
+ "--fontStack-monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
5
+ "--text-display-lineBoxHeight": "3.5rem",
6
+ "--text-display-size": "2.5rem",
7
+ "--text-display-lineHeight": 1.4,
8
+ "--text-display-weight": 500,
9
+ "--text-display-shorthand": "500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
10
+ "--text-title-size-large": "2rem",
11
+ "--text-title-size-medium": "1.25rem",
12
+ "--text-title-size-small": "1rem",
13
+ "--text-title-lineHeight-large": 1.5,
14
+ "--text-title-lineHeight-medium": 1.6,
15
+ "--text-title-lineHeight-small": 1.5,
16
+ "--text-title-weight-large": 600,
17
+ "--text-title-weight-medium": 600,
18
+ "--text-title-weight-small": 600,
19
+ "--text-title-shorthand-large": "600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
20
+ "--text-title-shorthand-medium": "600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
21
+ "--text-title-shorthand-small": "600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
22
+ "--text-subtitle-size": "1.25rem",
23
+ "--text-subtitle-lineHeight": 1.6,
24
+ "--text-subtitle-weight": 400,
25
+ "--text-subtitle-shorthand": "400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
26
+ "--text-body-size-large": "1rem",
27
+ "--text-body-size-medium": "0.875rem",
28
+ "--text-body-size-small": "0.75rem",
29
+ "--text-body-lineHeight-large": 1.5,
30
+ "--text-body-lineHeight-medium": 1.4285,
31
+ "--text-body-lineHeight-small": 1.6666,
32
+ "--text-body-weight": 400,
33
+ "--text-body-shorthand-large": "400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
34
+ "--text-body-shorthand-medium": "400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
35
+ "--text-body-shorthand-small": "400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
36
+ "--text-caption-size": "0.75rem",
37
+ "--text-caption-lineHeight": 1.3333,
38
+ "--text-caption-weight": 400,
39
+ "--text-caption-shorthand": "400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
40
+ "--text-codeBlock-size": "0.8125rem",
41
+ "--text-codeBlock-lineHeight": 1.5385,
42
+ "--text-codeBlock-weight": 400,
43
+ "--text-codeBlock-shorthand": "400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
44
+ "--text-codeInline-size": "0.9285em",
45
+ "--text-codeInline-weight": 400,
46
+ "--text-codeInline-shorthand": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
47
+ }