@primer/react-brand 0.1.0-rc.ae0dfda → 0.1.0

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 (82) hide show
  1. package/fonts/alliance-1.woff2 +0 -0
  2. package/fonts/alliance-2.woff2 +0 -0
  3. package/fonts/fonts.css +30 -0
  4. package/lib/Heading/Heading.d.ts +20 -0
  5. package/lib/Heading/index.d.ts +1 -0
  6. package/lib/Hero/Hero.d.ts +3 -2
  7. package/lib/LinkButton/LinkButton.d.ts +1 -0
  8. package/lib/MonaSans/MonaSans.d.ts +10 -0
  9. package/lib/MonaSans/index.d.ts +1 -0
  10. package/lib/Text/Text.d.ts +36 -0
  11. package/lib/Text/index.d.ts +1 -0
  12. package/lib/css/main.css +1328 -59
  13. package/lib/css/stylesheets.d.ts +9 -0
  14. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +805 -0
  15. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +139 -0
  16. package/lib/design-tokens/css/tokens/base/size/size.css +24 -0
  17. package/lib/design-tokens/css/tokens/base/typography/typography.css +14 -0
  18. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +58 -0
  19. package/lib/design-tokens/css/tokens/functional/colors/global.css +22 -0
  20. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +28 -0
  21. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +9 -0
  22. package/lib/design-tokens/css/tokens/functional/size/border.css +17 -0
  23. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +13 -0
  24. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +10 -0
  25. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +10 -0
  26. package/lib/design-tokens/css/tokens/functional/size/size.css +54 -0
  27. package/lib/design-tokens/css/tokens/functional/size/viewport.css +6 -0
  28. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +166 -0
  29. package/lib/design-tokens/css/tokens/functional/typography/typography.css +65 -0
  30. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +2551 -0
  31. package/lib/design-tokens/js/module/tokens/base/size/size.js +266 -0
  32. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +125 -0
  33. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +289 -0
  34. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +47 -0
  35. package/lib/design-tokens/js/module/tokens/functional/size/border.js +165 -0
  36. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +101 -0
  37. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +73 -0
  38. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +73 -0
  39. package/lib/design-tokens/js/module/tokens/functional/size/size.js +824 -0
  40. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +101 -0
  41. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1973 -0
  42. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +137 -0
  43. package/lib/design-tokens/js/tokens/base/size/size.js +22 -0
  44. package/lib/design-tokens/js/tokens/base/typography/typography.js +12 -0
  45. package/lib/design-tokens/js/tokens/functional/colors/global.js +20 -0
  46. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +7 -0
  47. package/lib/design-tokens/js/tokens/functional/size/border.js +15 -0
  48. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +11 -0
  49. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +8 -0
  50. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +8 -0
  51. package/lib/design-tokens/js/tokens/functional/size/size.js +52 -0
  52. package/lib/design-tokens/js/tokens/functional/size/viewport.js +11 -0
  53. package/lib/design-tokens/js/tokens/functional/typography/typography.js +63 -0
  54. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +176 -0
  55. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +175 -0
  56. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +29 -0
  57. package/lib/design-tokens/ts/tokens/base/size/size.js +28 -0
  58. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +111 -0
  59. package/lib/design-tokens/ts/tokens/base/typography/typography.js +20 -0
  60. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +35 -0
  61. package/lib/design-tokens/ts/tokens/functional/colors/global.js +34 -0
  62. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +18 -0
  63. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +17 -0
  64. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +26 -0
  65. package/lib/design-tokens/ts/tokens/functional/size/border.js +25 -0
  66. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +18 -0
  67. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +17 -0
  68. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +27 -0
  69. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +26 -0
  70. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +27 -0
  71. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +26 -0
  72. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +101 -0
  73. package/lib/design-tokens/ts/tokens/functional/size/size.js +100 -0
  74. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +18 -0
  75. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +17 -0
  76. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +92 -0
  77. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +91 -0
  78. package/lib/index.d.ts +3 -0
  79. package/lib/index.js +1 -1
  80. package/package.json +20 -18
  81. package/CHANGELOG.md +0 -23
  82. package/lib/css/gh-variables.color.css +0 -1025
@@ -0,0 +1,101 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 23 May 2022 16:03:47 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "brand": {
8
+ "viewportRange": {
9
+ "narrow": {
10
+ "value": "(max-width: calc(48rem - 0.02px))",
11
+ "filePath": "tokens/functional/size/viewport.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "(max-width: calc({brand.breakpoint.medium} - 0.02px))"
15
+ },
16
+ "name": "narrow",
17
+ "attributes": {},
18
+ "path": [
19
+ "brand",
20
+ "viewportRange",
21
+ "narrow"
22
+ ]
23
+ },
24
+ "narrowLandscape": {
25
+ "value": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
26
+ "filePath": "tokens/functional/size/viewport.json",
27
+ "isSource": true,
28
+ "original": {
29
+ "value": "(max-width: calc({brand.breakpoint.large} - 0.02px) and (max-height: calc({brand.breakpoint.small} - 0.02px)) and (orientation: landscape))"
30
+ },
31
+ "name": "narrowLandscape",
32
+ "attributes": {},
33
+ "path": [
34
+ "brand",
35
+ "viewportRange",
36
+ "narrowLandscape"
37
+ ]
38
+ },
39
+ "regular": {
40
+ "value": "(min-width: 48rem)",
41
+ "filePath": "tokens/functional/size/viewport.json",
42
+ "isSource": true,
43
+ "original": {
44
+ "value": "(min-width: {brand.breakpoint.medium})"
45
+ },
46
+ "name": "regular",
47
+ "attributes": {},
48
+ "path": [
49
+ "brand",
50
+ "viewportRange",
51
+ "regular"
52
+ ]
53
+ },
54
+ "wide": {
55
+ "value": "(min-width: 90rem)",
56
+ "filePath": "tokens/functional/size/viewport.json",
57
+ "isSource": true,
58
+ "original": {
59
+ "value": "(min-width: {brand.breakpoint.xxlarge})"
60
+ },
61
+ "name": "wide",
62
+ "attributes": {},
63
+ "path": [
64
+ "brand",
65
+ "viewportRange",
66
+ "wide"
67
+ ]
68
+ },
69
+ "portrait": {
70
+ "value": "(orientation: portrait)",
71
+ "filePath": "tokens/functional/size/viewport.json",
72
+ "isSource": true,
73
+ "original": {
74
+ "value": "(orientation: portrait)"
75
+ },
76
+ "name": "portrait",
77
+ "attributes": {},
78
+ "path": [
79
+ "brand",
80
+ "viewportRange",
81
+ "portrait"
82
+ ]
83
+ },
84
+ "landscape": {
85
+ "value": "(orientation: landscape)",
86
+ "filePath": "tokens/functional/size/viewport.json",
87
+ "isSource": true,
88
+ "original": {
89
+ "value": "(orientation: landscape)"
90
+ },
91
+ "name": "landscape",
92
+ "attributes": {},
93
+ "path": [
94
+ "brand",
95
+ "viewportRange",
96
+ "landscape"
97
+ ]
98
+ }
99
+ }
100
+ }
101
+ };