@primer/primitives 7.11.14-rc.b3b7ee0 → 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 (144) hide show
  1. package/package.json +13 -13
  2. package/tokens-next-private/css/functional/size/border.css +1 -1
  3. package/tokens-next-private/css/functional/themes/dark-colorblind.css +38 -32
  4. package/tokens-next-private/css/functional/themes/dark-dimmed.css +38 -32
  5. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +34 -28
  6. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +38 -32
  7. package/tokens-next-private/css/functional/themes/dark.css +38 -32
  8. package/tokens-next-private/css/functional/themes/light-colorblind.css +28 -22
  9. package/tokens-next-private/css/functional/themes/light-high-contrast.css +38 -32
  10. package/tokens-next-private/css/functional/themes/light-tritanopia.css +28 -22
  11. package/tokens-next-private/css/functional/themes/light.css +28 -22
  12. package/tokens-next-private/docs/functional/size/border.json +2 -2
  13. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +67 -28
  14. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +67 -28
  15. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +63 -24
  16. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +67 -28
  17. package/tokens-next-private/docs/functional/themes/dark.json +67 -28
  18. package/tokens-next-private/docs/functional/themes/light-colorblind.json +58 -19
  19. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +64 -25
  20. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +58 -19
  21. package/tokens-next-private/docs/functional/themes/light.json +58 -19
  22. package/tokens-next-private/fallbacks/color-fallbacks.json +7 -7
  23. package/tokens-next-private/fallbacks/functional/size/border.json +1 -1
  24. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  25. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +19 -16
  26. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +19 -16
  27. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +17 -14
  28. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +19 -16
  29. package/tokens-next-private/scss/functional/themes/dark.scss +19 -16
  30. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +14 -11
  31. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +19 -16
  32. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +14 -11
  33. package/tokens-next-private/scss/functional/themes/light.scss +14 -11
  34. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  35. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  36. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  37. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  38. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  39. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  40. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  42. package/tokens-v2-private/js/module/tokens/base/size/size.js +2 -2
  43. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +2 -2
  44. package/tokens-v2-private/js/module/tokens/functional/size/border.js +2 -2
  45. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +2 -2
  46. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +2 -2
  47. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +2 -2
  48. package/tokens-v2-private/js/module/tokens/functional/size/size.js +2 -2
  49. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +2 -2
  50. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +2 -2
  51. package/tokens-v2-private/js/tokens/base/size/size.js +2 -2
  52. package/tokens-v2-private/js/tokens/base/typography/typography.js +2 -2
  53. package/tokens-v2-private/js/tokens/functional/size/border.js +2 -2
  54. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +2 -2
  55. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +2 -2
  56. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +2 -2
  57. package/tokens-v2-private/js/tokens/functional/size/size.js +2 -2
  58. package/tokens-v2-private/js/tokens/functional/size/viewport.js +2 -2
  59. package/tokens-v2-private/js/tokens/functional/typography/typography.js +2 -2
  60. package/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
  61. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
  62. package/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
  63. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
  64. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
  65. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
  66. package/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
  67. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
  68. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
  69. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  71. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  87. package/tokens-next-private/js/base/size/size.js +0 -23
  88. package/tokens-next-private/js/base/typography/typography.js +0 -12
  89. package/tokens-next-private/js/functional/size/border.js +0 -24
  90. package/tokens-next-private/js/functional/size/breakpoints.js +0 -10
  91. package/tokens-next-private/js/functional/size/size-coarse.js +0 -19
  92. package/tokens-next-private/js/functional/size/size-fine.js +0 -19
  93. package/tokens-next-private/js/functional/size/size.js +0 -93
  94. package/tokens-next-private/js/functional/size/viewport.js +0 -10
  95. package/tokens-next-private/js/functional/themes/dark-colorblind.js +0 -745
  96. package/tokens-next-private/js/functional/themes/dark-dimmed.js +0 -745
  97. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +0 -745
  98. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +0 -745
  99. package/tokens-next-private/js/functional/themes/dark.js +0 -745
  100. package/tokens-next-private/js/functional/themes/light-colorblind.js +0 -743
  101. package/tokens-next-private/js/functional/themes/light-high-contrast.js +0 -743
  102. package/tokens-next-private/js/functional/themes/light-tritanopia.js +0 -743
  103. package/tokens-next-private/js/functional/themes/light.js +0 -743
  104. package/tokens-next-private/js/functional/typography/typography.js +0 -79
  105. package/tokens-next-private/json/base/size/size.json +0 -23
  106. package/tokens-next-private/json/base/typography/typography.json +0 -12
  107. package/tokens-next-private/json/functional/size/border.json +0 -24
  108. package/tokens-next-private/json/functional/size/breakpoints.json +0 -10
  109. package/tokens-next-private/json/functional/size/size-coarse.json +0 -19
  110. package/tokens-next-private/json/functional/size/size-fine.json +0 -19
  111. package/tokens-next-private/json/functional/size/size.json +0 -93
  112. package/tokens-next-private/json/functional/size/viewport.json +0 -10
  113. package/tokens-next-private/json/functional/themes/dark-colorblind.json +0 -745
  114. package/tokens-next-private/json/functional/themes/dark-dimmed.json +0 -745
  115. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +0 -745
  116. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +0 -745
  117. package/tokens-next-private/json/functional/themes/dark.json +0 -745
  118. package/tokens-next-private/json/functional/themes/light-colorblind.json +0 -743
  119. package/tokens-next-private/json/functional/themes/light-high-contrast.json +0 -743
  120. package/tokens-next-private/json/functional/themes/light-tritanopia.json +0 -743
  121. package/tokens-next-private/json/functional/themes/light.json +0 -743
  122. package/tokens-next-private/json/functional/typography/typography.json +0 -79
  123. package/tokens-next-private/ts/base/size/size.ts +0 -23
  124. package/tokens-next-private/ts/base/typography/typography.ts +0 -12
  125. package/tokens-next-private/ts/functional/size/border.ts +0 -24
  126. package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -10
  127. package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -19
  128. package/tokens-next-private/ts/functional/size/size-fine.ts +0 -19
  129. package/tokens-next-private/ts/functional/size/size.ts +0 -93
  130. package/tokens-next-private/ts/functional/size/viewport.ts +0 -10
  131. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +0 -745
  132. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +0 -745
  133. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +0 -745
  134. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +0 -745
  135. package/tokens-next-private/ts/functional/themes/dark.ts +0 -745
  136. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +0 -743
  137. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +0 -743
  138. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +0 -743
  139. package/tokens-next-private/ts/functional/themes/light.ts +0 -743
  140. package/tokens-next-private/ts/functional/typography/typography.ts +0 -79
  141. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +0 -127
  142. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +0 -144
  143. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +0 -652
  144. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +0 -94
@@ -1,79 +0,0 @@
1
- export default {
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,127 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 30 Jun 2023 18:47:26 GMT
4
- */
5
-
6
- /**
7
- * @description hex string (6 or 8-digit)
8
- */
9
- type ColorHex = string;
10
-
11
- export type BaseColorDesignTokens = {
12
- color: {
13
- scale: {
14
- black: ColorHex;
15
- transparent: ColorHex;
16
- white: ColorHex;
17
- gray: {
18
- "0": ColorHex;
19
- "1": ColorHex;
20
- "2": ColorHex;
21
- "3": ColorHex;
22
- "4": ColorHex;
23
- "5": ColorHex;
24
- "6": ColorHex;
25
- "7": ColorHex;
26
- "8": ColorHex;
27
- "9": ColorHex;
28
- };
29
- blue: {
30
- "0": ColorHex;
31
- "1": ColorHex;
32
- "2": ColorHex;
33
- "3": ColorHex;
34
- "4": ColorHex;
35
- "5": ColorHex;
36
- "6": ColorHex;
37
- "7": ColorHex;
38
- "8": ColorHex;
39
- "9": ColorHex;
40
- };
41
- green: {
42
- "0": ColorHex;
43
- "1": ColorHex;
44
- "2": ColorHex;
45
- "3": ColorHex;
46
- "4": ColorHex;
47
- "5": ColorHex;
48
- "6": ColorHex;
49
- "7": ColorHex;
50
- "8": ColorHex;
51
- "9": ColorHex;
52
- };
53
- yellow: {
54
- "0": ColorHex;
55
- "1": ColorHex;
56
- "2": ColorHex;
57
- "3": ColorHex;
58
- "4": ColorHex;
59
- "5": ColorHex;
60
- "6": ColorHex;
61
- "7": ColorHex;
62
- "8": ColorHex;
63
- "9": ColorHex;
64
- };
65
- orange: {
66
- "0": ColorHex;
67
- "1": ColorHex;
68
- "2": ColorHex;
69
- "3": ColorHex;
70
- "4": ColorHex;
71
- "5": ColorHex;
72
- "6": ColorHex;
73
- "7": ColorHex;
74
- "8": ColorHex;
75
- "9": ColorHex;
76
- };
77
- red: {
78
- "0": ColorHex;
79
- "1": ColorHex;
80
- "2": ColorHex;
81
- "3": ColorHex;
82
- "4": ColorHex;
83
- "5": ColorHex;
84
- "6": ColorHex;
85
- "7": ColorHex;
86
- "8": ColorHex;
87
- "9": ColorHex;
88
- };
89
- purple: {
90
- "0": ColorHex;
91
- "1": ColorHex;
92
- "2": ColorHex;
93
- "3": ColorHex;
94
- "4": ColorHex;
95
- "5": ColorHex;
96
- "6": ColorHex;
97
- "7": ColorHex;
98
- "8": ColorHex;
99
- "9": ColorHex;
100
- };
101
- pink: {
102
- "0": ColorHex;
103
- "1": ColorHex;
104
- "2": ColorHex;
105
- "3": ColorHex;
106
- "4": ColorHex;
107
- "5": ColorHex;
108
- "6": ColorHex;
109
- "7": ColorHex;
110
- "8": ColorHex;
111
- "9": ColorHex;
112
- };
113
- coral: {
114
- "0": ColorHex;
115
- "1": ColorHex;
116
- "2": ColorHex;
117
- "3": ColorHex;
118
- "4": ColorHex;
119
- "5": ColorHex;
120
- "6": ColorHex;
121
- "7": ColorHex;
122
- "8": ColorHex;
123
- "9": ColorHex;
124
- };
125
- };
126
- };
127
- };
@@ -1,144 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 30 Jun 2023 18:47:26 GMT
4
- */
5
-
6
- /**
7
- * @description size in rem
8
- */
9
- type SizeRem = `${number}rem`;
10
-
11
- export type SizeDesignTokens = {
12
- boxShadow: {
13
- thin: string;
14
- thick: string;
15
- thicker: string;
16
- };
17
- borderWidth: {
18
- thin: string;
19
- thick: string;
20
- thicker: string;
21
- };
22
- borderRadius: {
23
- small: string;
24
- medium: string;
25
- large: string;
26
- full: string;
27
- };
28
- outline: {
29
- focus: {
30
- offset: SizeRem;
31
- width: SizeRem;
32
- };
33
- };
34
- breakpoint: {
35
- xsmall: SizeRem;
36
- small: SizeRem;
37
- medium: SizeRem;
38
- large: SizeRem;
39
- xlarge: SizeRem;
40
- xxlarge: SizeRem;
41
- };
42
- control: {
43
- minTarget: {
44
- auto: SizeRem;
45
- fine: SizeRem;
46
- coarse: SizeRem;
47
- };
48
- xsmall: {
49
- size: SizeRem;
50
- lineBoxHeight: SizeRem;
51
- paddingBlock: string;
52
- paddingInline: {
53
- condensed: SizeRem;
54
- normal: SizeRem;
55
- spacious: SizeRem;
56
- };
57
- gap: SizeRem;
58
- };
59
- small: {
60
- size: SizeRem;
61
- lineBoxHeight: SizeRem;
62
- paddingBlock: string;
63
- paddingInline: {
64
- condensed: SizeRem;
65
- normal: SizeRem;
66
- };
67
- gap: SizeRem;
68
- };
69
- medium: {
70
- size: SizeRem;
71
- lineBoxHeight: SizeRem;
72
- paddingBlock: string;
73
- paddingInline: {
74
- condensed: SizeRem;
75
- normal: SizeRem;
76
- spacious: SizeRem;
77
- };
78
- gap: SizeRem;
79
- };
80
- large: {
81
- size: SizeRem;
82
- lineBoxHeight: SizeRem;
83
- paddingBlock: string;
84
- paddingInline: {
85
- normal: SizeRem;
86
- spacious: SizeRem;
87
- };
88
- gap: SizeRem;
89
- };
90
- xlarge: {
91
- size: SizeRem;
92
- lineBoxHeight: SizeRem;
93
- paddingBlock: string;
94
- paddingInline: {
95
- normal: SizeRem;
96
- spacious: SizeRem;
97
- };
98
- gap: SizeRem;
99
- };
100
- };
101
- controlStack: {
102
- small: {
103
- gap: {
104
- auto: SizeRem;
105
- condensed: SizeRem;
106
- spacious: SizeRem;
107
- };
108
- };
109
- medium: {
110
- gap: {
111
- auto: SizeRem;
112
- condensed: SizeRem;
113
- spacious: SizeRem;
114
- };
115
- };
116
- large: {
117
- gap: {
118
- auto: SizeRem;
119
- condensed: SizeRem;
120
- spacious: SizeRem;
121
- };
122
- };
123
- };
124
- stack: {
125
- padding: {
126
- condensed: SizeRem;
127
- normal: SizeRem;
128
- spacious: SizeRem;
129
- };
130
- gap: {
131
- condensed: SizeRem;
132
- normal: SizeRem;
133
- spacious: SizeRem;
134
- };
135
- };
136
- viewportRange: {
137
- narrow: string;
138
- narrowLandscape: string;
139
- regular: string;
140
- wide: string;
141
- portrait: string;
142
- landscape: string;
143
- };
144
- };