@primer/primitives 7.11.14-rc.ca761aa → 7.11.14

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 (140) hide show
  1. package/package.json +2 -2
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +38 -32
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +38 -32
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +34 -28
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +38 -32
  6. package/tokens-next-private/css/functional/themes/dark.css +38 -32
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +12 -6
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +26 -20
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +12 -6
  10. package/tokens-next-private/css/functional/themes/light.css +12 -6
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +61 -22
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +61 -22
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +59 -20
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +61 -22
  15. package/tokens-next-private/docs/functional/themes/dark.json +61 -22
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +45 -6
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +54 -15
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +45 -6
  19. package/tokens-next-private/docs/functional/themes/light.json +45 -6
  20. package/tokens-next-private/fallbacks/color-fallbacks.json +6 -6
  21. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +19 -16
  22. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +19 -16
  23. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +17 -14
  24. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +19 -16
  25. package/tokens-next-private/scss/functional/themes/dark.scss +19 -16
  26. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +6 -3
  27. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +13 -10
  28. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +6 -3
  29. package/tokens-next-private/scss/functional/themes/light.scss +6 -3
  30. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  31. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  32. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  33. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  34. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  35. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  36. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  37. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  38. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  39. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  40. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  41. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  42. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  43. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  44. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  45. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  46. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  47. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  48. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  49. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  50. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  51. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  52. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  53. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  54. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  55. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  56. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  57. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  58. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  59. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  60. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  61. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  62. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  63. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  64. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  65. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  66. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  67. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  68. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  69. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  71. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  83. package/tokens-next-private/js/base/size/size.js +0 -23
  84. package/tokens-next-private/js/base/typography/typography.js +0 -12
  85. package/tokens-next-private/js/functional/size/border.js +0 -24
  86. package/tokens-next-private/js/functional/size/breakpoints.js +0 -10
  87. package/tokens-next-private/js/functional/size/size-coarse.js +0 -19
  88. package/tokens-next-private/js/functional/size/size-fine.js +0 -19
  89. package/tokens-next-private/js/functional/size/size.js +0 -93
  90. package/tokens-next-private/js/functional/size/viewport.js +0 -10
  91. package/tokens-next-private/js/functional/themes/dark-colorblind.js +0 -745
  92. package/tokens-next-private/js/functional/themes/dark-dimmed.js +0 -745
  93. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +0 -745
  94. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +0 -745
  95. package/tokens-next-private/js/functional/themes/dark.js +0 -745
  96. package/tokens-next-private/js/functional/themes/light-colorblind.js +0 -743
  97. package/tokens-next-private/js/functional/themes/light-high-contrast.js +0 -743
  98. package/tokens-next-private/js/functional/themes/light-tritanopia.js +0 -743
  99. package/tokens-next-private/js/functional/themes/light.js +0 -743
  100. package/tokens-next-private/js/functional/typography/typography.js +0 -79
  101. package/tokens-next-private/json/base/size/size.json +0 -23
  102. package/tokens-next-private/json/base/typography/typography.json +0 -12
  103. package/tokens-next-private/json/functional/size/border.json +0 -24
  104. package/tokens-next-private/json/functional/size/breakpoints.json +0 -10
  105. package/tokens-next-private/json/functional/size/size-coarse.json +0 -19
  106. package/tokens-next-private/json/functional/size/size-fine.json +0 -19
  107. package/tokens-next-private/json/functional/size/size.json +0 -93
  108. package/tokens-next-private/json/functional/size/viewport.json +0 -10
  109. package/tokens-next-private/json/functional/themes/dark-colorblind.json +0 -745
  110. package/tokens-next-private/json/functional/themes/dark-dimmed.json +0 -745
  111. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +0 -745
  112. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +0 -745
  113. package/tokens-next-private/json/functional/themes/dark.json +0 -745
  114. package/tokens-next-private/json/functional/themes/light-colorblind.json +0 -743
  115. package/tokens-next-private/json/functional/themes/light-high-contrast.json +0 -743
  116. package/tokens-next-private/json/functional/themes/light-tritanopia.json +0 -743
  117. package/tokens-next-private/json/functional/themes/light.json +0 -743
  118. package/tokens-next-private/json/functional/typography/typography.json +0 -79
  119. package/tokens-next-private/ts/base/size/size.ts +0 -23
  120. package/tokens-next-private/ts/base/typography/typography.ts +0 -12
  121. package/tokens-next-private/ts/functional/size/border.ts +0 -24
  122. package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -10
  123. package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -19
  124. package/tokens-next-private/ts/functional/size/size-fine.ts +0 -19
  125. package/tokens-next-private/ts/functional/size/size.ts +0 -93
  126. package/tokens-next-private/ts/functional/size/viewport.ts +0 -10
  127. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +0 -745
  128. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +0 -745
  129. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +0 -745
  130. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +0 -745
  131. package/tokens-next-private/ts/functional/themes/dark.ts +0 -745
  132. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +0 -743
  133. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +0 -743
  134. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +0 -743
  135. package/tokens-next-private/ts/functional/themes/light.ts +0 -743
  136. package/tokens-next-private/ts/functional/typography/typography.ts +0 -79
  137. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +0 -127
  138. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +0 -144
  139. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +0 -652
  140. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +0 -94
@@ -1,79 +0,0 @@
1
- {
2
- "fontStack": {
3
- "system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
4
- "sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
5
- "monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
6
- },
7
- "text": {
8
- "display": {
9
- "lineBoxHeight": "3.5rem",
10
- "size": "2.5rem",
11
- "lineHeight": "calc(56/40)",
12
- "weight": 500,
13
- "shorthand": "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
14
- },
15
- "title": {
16
- "size": {
17
- "large": "2rem",
18
- "medium": "1.25rem",
19
- "small": "1rem"
20
- },
21
- "lineHeight": {
22
- "large": "calc(48/32)",
23
- "medium": "calc(32/20)",
24
- "small": "calc(24/16)"
25
- },
26
- "weight": {
27
- "large": 600,
28
- "medium": 600,
29
- "small": 600
30
- },
31
- "shorthand": {
32
- "large": "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
33
- "medium": "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
34
- "small": "600 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
35
- }
36
- },
37
- "subtitle": {
38
- "size": "1.25rem",
39
- "lineHeight": "calc(32/20)",
40
- "weight": 400,
41
- "shorthand": "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
42
- },
43
- "body": {
44
- "size": {
45
- "large": "1rem",
46
- "medium": "0.875rem",
47
- "small": "0.75rem"
48
- },
49
- "lineHeight": {
50
- "large": "calc(24/16)",
51
- "medium": "calc(20/14)",
52
- "small": "calc(20/12)"
53
- },
54
- "weight": 400,
55
- "shorthand": {
56
- "large": "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
57
- "medium": "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
58
- "small": "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
59
- }
60
- },
61
- "caption": {
62
- "size": "0.75rem",
63
- "lineHeight": "calc(16/12)",
64
- "weight": 400,
65
- "shorthand": "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
66
- },
67
- "codeBlock": {
68
- "size": "0.8125rem",
69
- "lineHeight": "calc(20/13)",
70
- "weight": 400,
71
- "shorthand": "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
72
- },
73
- "codeInline": {
74
- "size": "0.9285em",
75
- "weight": 400,
76
- "shorthand": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
77
- }
78
- }
79
- }
@@ -1,23 +0,0 @@
1
- export default {
2
- base: {
3
- size: {
4
- "4": "0.25rem",
5
- "8": "0.5rem",
6
- "12": "0.75rem",
7
- "16": "1rem",
8
- "20": "1.25rem",
9
- "24": "1.5rem",
10
- "28": "1.75rem",
11
- "32": "2rem",
12
- "36": "2.25rem",
13
- "40": "2.5rem",
14
- "44": "2.75rem",
15
- "48": "3rem",
16
- "64": "4rem",
17
- "80": "5rem",
18
- "96": "6rem",
19
- "112": "7rem",
20
- "128": "8rem",
21
- },
22
- },
23
- };
@@ -1,12 +0,0 @@
1
- export default {
2
- base: {
3
- text: {
4
- weight: {
5
- light: 300,
6
- normal: 400,
7
- medium: 500,
8
- semibold: 600,
9
- },
10
- },
11
- },
12
- };
@@ -1,24 +0,0 @@
1
- export default {
2
- boxShadow: {
3
- thin: "inset 0 0 0 max(1px, 0.0625rem)",
4
- thick: "inset 0 0 0 max(2px, 0.125rem)",
5
- thicker: "inset 0 0 0 max(4px, 0.25rem)",
6
- },
7
- borderWidth: {
8
- thin: "max(1px, 0.0625rem)",
9
- thick: "max(2px, 0.125rem)",
10
- thicker: "max(4px, 0.25rem)",
11
- },
12
- borderRadius: {
13
- small: "3px",
14
- medium: "6px",
15
- large: "12px",
16
- full: "9999px",
17
- },
18
- outline: {
19
- focus: {
20
- offset: "-0.125rem",
21
- width: "0.125rem",
22
- },
23
- },
24
- };
@@ -1,10 +0,0 @@
1
- export default {
2
- breakpoint: {
3
- xsmall: "20rem",
4
- small: "34rem",
5
- medium: "48rem",
6
- large: "63.25rem",
7
- xlarge: "80rem",
8
- xxlarge: "90rem",
9
- },
10
- };
@@ -1,19 +0,0 @@
1
- export default {
2
- control: {
3
- minTarget: {
4
- auto: "2.75rem",
5
- },
6
- },
7
- controlStack: {
8
- small: {
9
- gap: {
10
- auto: "1rem",
11
- },
12
- },
13
- medium: {
14
- gap: {
15
- auto: "0.75rem",
16
- },
17
- },
18
- },
19
- };
@@ -1,19 +0,0 @@
1
- export default {
2
- control: {
3
- minTarget: {
4
- auto: "1rem",
5
- },
6
- },
7
- controlStack: {
8
- small: {
9
- gap: {
10
- auto: "0.5rem",
11
- },
12
- },
13
- medium: {
14
- gap: {
15
- auto: "0.5rem",
16
- },
17
- },
18
- },
19
- };
@@ -1,93 +0,0 @@
1
- export default {
2
- control: {
3
- minTarget: {
4
- fine: "1rem",
5
- coarse: "2.75rem",
6
- },
7
- xsmall: {
8
- size: "1.5rem",
9
- lineBoxHeight: "1.25rem",
10
- paddingBlock: "calc((1.5rem - 1.25rem) / 2)",
11
- paddingInline: {
12
- condensed: "0.25rem",
13
- normal: "0.5rem",
14
- spacious: "0.75rem",
15
- },
16
- gap: "0.25rem",
17
- },
18
- small: {
19
- size: "1.75rem",
20
- lineBoxHeight: "1.25rem",
21
- paddingBlock: "calc((1.75rem - 1.25rem) / 2)",
22
- paddingInline: {
23
- condensed: "0.5rem",
24
- normal: "0.75rem",
25
- },
26
- gap: "0.25rem",
27
- },
28
- medium: {
29
- size: "2rem",
30
- lineBoxHeight: "1.25rem",
31
- paddingBlock: "calc((2rem - 1.25rem) / 2)",
32
- paddingInline: {
33
- condensed: "0.5rem",
34
- normal: "0.75rem",
35
- spacious: "1rem",
36
- },
37
- gap: "0.5rem",
38
- },
39
- large: {
40
- size: "2.5rem",
41
- lineBoxHeight: "1.25rem",
42
- paddingBlock: "calc((2.5rem - 1.25rem) / 2)",
43
- paddingInline: {
44
- normal: "0.75rem",
45
- spacious: "1rem",
46
- },
47
- gap: "0.5rem",
48
- },
49
- xlarge: {
50
- size: "3rem",
51
- lineBoxHeight: "1.25rem",
52
- paddingBlock: "calc((3rem - 1.25rem) / 2)",
53
- paddingInline: {
54
- normal: "0.75rem",
55
- spacious: "1rem",
56
- },
57
- gap: "0.5rem",
58
- },
59
- },
60
- controlStack: {
61
- small: {
62
- gap: {
63
- condensed: "0.5rem",
64
- spacious: "1rem",
65
- },
66
- },
67
- medium: {
68
- gap: {
69
- condensed: "0.5rem",
70
- spacious: "0.75rem",
71
- },
72
- },
73
- large: {
74
- gap: {
75
- auto: "0.5rem",
76
- condensed: "0.5rem",
77
- spacious: "0.75rem",
78
- },
79
- },
80
- },
81
- stack: {
82
- padding: {
83
- condensed: "0.5rem",
84
- normal: "1rem",
85
- spacious: "1.5rem",
86
- },
87
- gap: {
88
- condensed: "0.5rem",
89
- normal: "1rem",
90
- spacious: "1.5rem",
91
- },
92
- },
93
- };
@@ -1,10 +0,0 @@
1
- export default {
2
- viewportRange: {
3
- narrow: "(max-width: calc(48rem - 0.02px))",
4
- narrowLandscape: "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
5
- regular: "(min-width: 48rem)",
6
- wide: "(min-width: 90rem)",
7
- portrait: "(orientation: portrait)",
8
- landscape: "(orientation: landscape)",
9
- },
10
- };