@metamask-previews/design-tokens 4.1.0-preview.f4da8f1

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 (204) hide show
  1. package/CHANGELOG.md +353 -0
  2. package/LICENSE +20 -0
  3. package/README.md +103 -0
  4. package/dist/index.cjs +10 -0
  5. package/dist/index.cjs.map +1 -0
  6. package/dist/index.d.cts +3 -0
  7. package/dist/index.d.cts.map +1 -0
  8. package/dist/index.d.mts +3 -0
  9. package/dist/index.d.mts.map +1 -0
  10. package/dist/index.mjs +2 -0
  11. package/dist/index.mjs.map +1 -0
  12. package/dist/js/brandColor/brandColor.cjs +190 -0
  13. package/dist/js/brandColor/brandColor.cjs.map +1 -0
  14. package/dist/js/brandColor/brandColor.d.cts +3 -0
  15. package/dist/js/brandColor/brandColor.d.cts.map +1 -0
  16. package/dist/js/brandColor/brandColor.d.mts +3 -0
  17. package/dist/js/brandColor/brandColor.d.mts.map +1 -0
  18. package/dist/js/brandColor/brandColor.mjs +187 -0
  19. package/dist/js/brandColor/brandColor.mjs.map +1 -0
  20. package/dist/js/brandColor/brandColor.types.cjs +3 -0
  21. package/dist/js/brandColor/brandColor.types.cjs.map +1 -0
  22. package/dist/js/brandColor/brandColor.types.d.cts +187 -0
  23. package/dist/js/brandColor/brandColor.types.d.cts.map +1 -0
  24. package/dist/js/brandColor/brandColor.types.d.mts +187 -0
  25. package/dist/js/brandColor/brandColor.types.d.mts.map +1 -0
  26. package/dist/js/brandColor/brandColor.types.mjs +2 -0
  27. package/dist/js/brandColor/brandColor.types.mjs.map +1 -0
  28. package/dist/js/brandColor/index.cjs +6 -0
  29. package/dist/js/brandColor/index.cjs.map +1 -0
  30. package/dist/js/brandColor/index.d.cts +2 -0
  31. package/dist/js/brandColor/index.d.cts.map +1 -0
  32. package/dist/js/brandColor/index.d.mts +2 -0
  33. package/dist/js/brandColor/index.d.mts.map +1 -0
  34. package/dist/js/brandColor/index.mjs +2 -0
  35. package/dist/js/brandColor/index.mjs.map +1 -0
  36. package/dist/js/colors/colors.cjs +17 -0
  37. package/dist/js/colors/colors.cjs.map +1 -0
  38. package/dist/js/colors/colors.d.cts +157 -0
  39. package/dist/js/colors/colors.d.cts.map +1 -0
  40. package/dist/js/colors/colors.d.mts +157 -0
  41. package/dist/js/colors/colors.d.mts.map +1 -0
  42. package/dist/js/colors/colors.mjs +14 -0
  43. package/dist/js/colors/colors.mjs.map +1 -0
  44. package/dist/js/colors/index.cjs +8 -0
  45. package/dist/js/colors/index.cjs.map +1 -0
  46. package/dist/js/colors/index.d.cts +3 -0
  47. package/dist/js/colors/index.d.cts.map +1 -0
  48. package/dist/js/colors/index.d.mts +3 -0
  49. package/dist/js/colors/index.d.mts.map +1 -0
  50. package/dist/js/colors/index.mjs +3 -0
  51. package/dist/js/colors/index.mjs.map +1 -0
  52. package/dist/js/index.cjs +15 -0
  53. package/dist/js/index.cjs.map +1 -0
  54. package/dist/js/index.d.cts +7 -0
  55. package/dist/js/index.d.cts.map +1 -0
  56. package/dist/js/index.d.mts +7 -0
  57. package/dist/js/index.d.mts.map +1 -0
  58. package/dist/js/index.mjs +7 -0
  59. package/dist/js/index.mjs.map +1 -0
  60. package/dist/js/themes/darkTheme/colors.cjs +80 -0
  61. package/dist/js/themes/darkTheme/colors.cjs.map +1 -0
  62. package/dist/js/themes/darkTheme/colors.d.cts +3 -0
  63. package/dist/js/themes/darkTheme/colors.d.cts.map +1 -0
  64. package/dist/js/themes/darkTheme/colors.d.mts +3 -0
  65. package/dist/js/themes/darkTheme/colors.d.mts.map +1 -0
  66. package/dist/js/themes/darkTheme/colors.mjs +77 -0
  67. package/dist/js/themes/darkTheme/colors.mjs.map +1 -0
  68. package/dist/js/themes/darkTheme/darkTheme.cjs +12 -0
  69. package/dist/js/themes/darkTheme/darkTheme.cjs.map +1 -0
  70. package/dist/js/themes/darkTheme/darkTheme.d.cts +3 -0
  71. package/dist/js/themes/darkTheme/darkTheme.d.cts.map +1 -0
  72. package/dist/js/themes/darkTheme/darkTheme.d.mts +3 -0
  73. package/dist/js/themes/darkTheme/darkTheme.d.mts.map +1 -0
  74. package/dist/js/themes/darkTheme/darkTheme.mjs +9 -0
  75. package/dist/js/themes/darkTheme/darkTheme.mjs.map +1 -0
  76. package/dist/js/themes/darkTheme/index.cjs +6 -0
  77. package/dist/js/themes/darkTheme/index.cjs.map +1 -0
  78. package/dist/js/themes/darkTheme/index.d.cts +2 -0
  79. package/dist/js/themes/darkTheme/index.d.cts.map +1 -0
  80. package/dist/js/themes/darkTheme/index.d.mts +2 -0
  81. package/dist/js/themes/darkTheme/index.d.mts.map +1 -0
  82. package/dist/js/themes/darkTheme/index.mjs +2 -0
  83. package/dist/js/themes/darkTheme/index.mjs.map +1 -0
  84. package/dist/js/themes/darkTheme/shadows.cjs +45 -0
  85. package/dist/js/themes/darkTheme/shadows.cjs.map +1 -0
  86. package/dist/js/themes/darkTheme/shadows.d.cts +3 -0
  87. package/dist/js/themes/darkTheme/shadows.d.cts.map +1 -0
  88. package/dist/js/themes/darkTheme/shadows.d.mts +3 -0
  89. package/dist/js/themes/darkTheme/shadows.d.mts.map +1 -0
  90. package/dist/js/themes/darkTheme/shadows.mjs +42 -0
  91. package/dist/js/themes/darkTheme/shadows.mjs.map +1 -0
  92. package/dist/js/themes/index.cjs +8 -0
  93. package/dist/js/themes/index.cjs.map +1 -0
  94. package/dist/js/themes/index.d.cts +4 -0
  95. package/dist/js/themes/index.d.cts.map +1 -0
  96. package/dist/js/themes/index.d.mts +4 -0
  97. package/dist/js/themes/index.d.mts.map +1 -0
  98. package/dist/js/themes/index.mjs +3 -0
  99. package/dist/js/themes/index.mjs.map +1 -0
  100. package/dist/js/themes/lightTheme/colors.cjs +80 -0
  101. package/dist/js/themes/lightTheme/colors.cjs.map +1 -0
  102. package/dist/js/themes/lightTheme/colors.d.cts +3 -0
  103. package/dist/js/themes/lightTheme/colors.d.cts.map +1 -0
  104. package/dist/js/themes/lightTheme/colors.d.mts +3 -0
  105. package/dist/js/themes/lightTheme/colors.d.mts.map +1 -0
  106. package/dist/js/themes/lightTheme/colors.mjs +77 -0
  107. package/dist/js/themes/lightTheme/colors.mjs.map +1 -0
  108. package/dist/js/themes/lightTheme/index.cjs +6 -0
  109. package/dist/js/themes/lightTheme/index.cjs.map +1 -0
  110. package/dist/js/themes/lightTheme/index.d.cts +2 -0
  111. package/dist/js/themes/lightTheme/index.d.cts.map +1 -0
  112. package/dist/js/themes/lightTheme/index.d.mts +2 -0
  113. package/dist/js/themes/lightTheme/index.d.mts.map +1 -0
  114. package/dist/js/themes/lightTheme/index.mjs +2 -0
  115. package/dist/js/themes/lightTheme/index.mjs.map +1 -0
  116. package/dist/js/themes/lightTheme/lightTheme.cjs +12 -0
  117. package/dist/js/themes/lightTheme/lightTheme.cjs.map +1 -0
  118. package/dist/js/themes/lightTheme/lightTheme.d.cts +3 -0
  119. package/dist/js/themes/lightTheme/lightTheme.d.cts.map +1 -0
  120. package/dist/js/themes/lightTheme/lightTheme.d.mts +3 -0
  121. package/dist/js/themes/lightTheme/lightTheme.d.mts.map +1 -0
  122. package/dist/js/themes/lightTheme/lightTheme.mjs +9 -0
  123. package/dist/js/themes/lightTheme/lightTheme.mjs.map +1 -0
  124. package/dist/js/themes/lightTheme/shadows.cjs +45 -0
  125. package/dist/js/themes/lightTheme/shadows.cjs.map +1 -0
  126. package/dist/js/themes/lightTheme/shadows.d.cts +3 -0
  127. package/dist/js/themes/lightTheme/shadows.d.cts.map +1 -0
  128. package/dist/js/themes/lightTheme/shadows.d.mts +3 -0
  129. package/dist/js/themes/lightTheme/shadows.d.mts.map +1 -0
  130. package/dist/js/themes/lightTheme/shadows.mjs +42 -0
  131. package/dist/js/themes/lightTheme/shadows.mjs.map +1 -0
  132. package/dist/js/themes/types.cjs +3 -0
  133. package/dist/js/themes/types.cjs.map +1 -0
  134. package/dist/js/themes/types.d.cts +248 -0
  135. package/dist/js/themes/types.d.cts.map +1 -0
  136. package/dist/js/themes/types.d.mts +248 -0
  137. package/dist/js/themes/types.d.mts.map +1 -0
  138. package/dist/js/themes/types.mjs +2 -0
  139. package/dist/js/themes/types.mjs.map +1 -0
  140. package/dist/js/typography/fontFamilies.cjs +7 -0
  141. package/dist/js/typography/fontFamilies.cjs.map +1 -0
  142. package/dist/js/typography/fontFamilies.d.cts +4 -0
  143. package/dist/js/typography/fontFamilies.d.cts.map +1 -0
  144. package/dist/js/typography/fontFamilies.d.mts +4 -0
  145. package/dist/js/typography/fontFamilies.d.mts.map +1 -0
  146. package/dist/js/typography/fontFamilies.mjs +4 -0
  147. package/dist/js/typography/fontFamilies.mjs.map +1 -0
  148. package/dist/js/typography/fontSizes.cjs +14 -0
  149. package/dist/js/typography/fontSizes.cjs.map +1 -0
  150. package/dist/js/typography/fontSizes.d.cts +11 -0
  151. package/dist/js/typography/fontSizes.d.cts.map +1 -0
  152. package/dist/js/typography/fontSizes.d.mts +11 -0
  153. package/dist/js/typography/fontSizes.d.mts.map +1 -0
  154. package/dist/js/typography/fontSizes.mjs +11 -0
  155. package/dist/js/typography/fontSizes.mjs.map +1 -0
  156. package/dist/js/typography/fontWeights.cjs +9 -0
  157. package/dist/js/typography/fontWeights.cjs.map +1 -0
  158. package/dist/js/typography/fontWeights.d.cts +6 -0
  159. package/dist/js/typography/fontWeights.d.cts.map +1 -0
  160. package/dist/js/typography/fontWeights.d.mts +6 -0
  161. package/dist/js/typography/fontWeights.d.mts.map +1 -0
  162. package/dist/js/typography/fontWeights.mjs +6 -0
  163. package/dist/js/typography/fontWeights.mjs.map +1 -0
  164. package/dist/js/typography/index.cjs +6 -0
  165. package/dist/js/typography/index.cjs.map +1 -0
  166. package/dist/js/typography/index.d.cts +3 -0
  167. package/dist/js/typography/index.d.cts.map +1 -0
  168. package/dist/js/typography/index.d.mts +3 -0
  169. package/dist/js/typography/index.d.mts.map +1 -0
  170. package/dist/js/typography/index.mjs +2 -0
  171. package/dist/js/typography/index.mjs.map +1 -0
  172. package/dist/js/typography/letterSpacing.cjs +8 -0
  173. package/dist/js/typography/letterSpacing.cjs.map +1 -0
  174. package/dist/js/typography/letterSpacing.d.cts +5 -0
  175. package/dist/js/typography/letterSpacing.d.cts.map +1 -0
  176. package/dist/js/typography/letterSpacing.d.mts +5 -0
  177. package/dist/js/typography/letterSpacing.d.mts.map +1 -0
  178. package/dist/js/typography/letterSpacing.mjs +5 -0
  179. package/dist/js/typography/letterSpacing.mjs.map +1 -0
  180. package/dist/js/typography/lineHeights.cjs +13 -0
  181. package/dist/js/typography/lineHeights.cjs.map +1 -0
  182. package/dist/js/typography/lineHeights.d.cts +10 -0
  183. package/dist/js/typography/lineHeights.d.cts.map +1 -0
  184. package/dist/js/typography/lineHeights.d.mts +10 -0
  185. package/dist/js/typography/lineHeights.d.mts.map +1 -0
  186. package/dist/js/typography/lineHeights.mjs +10 -0
  187. package/dist/js/typography/lineHeights.mjs.map +1 -0
  188. package/dist/js/typography/types.cjs +3 -0
  189. package/dist/js/typography/types.cjs.map +1 -0
  190. package/dist/js/typography/types.d.cts +39 -0
  191. package/dist/js/typography/types.d.cts.map +1 -0
  192. package/dist/js/typography/types.d.mts +39 -0
  193. package/dist/js/typography/types.d.mts.map +1 -0
  194. package/dist/js/typography/types.mjs +2 -0
  195. package/dist/js/typography/types.mjs.map +1 -0
  196. package/dist/js/typography/typography.cjs +216 -0
  197. package/dist/js/typography/typography.cjs.map +1 -0
  198. package/dist/js/typography/typography.d.cts +3 -0
  199. package/dist/js/typography/typography.d.cts.map +1 -0
  200. package/dist/js/typography/typography.d.mts +3 -0
  201. package/dist/js/typography/typography.d.mts.map +1 -0
  202. package/dist/js/typography/typography.mjs +213 -0
  203. package/dist/js/typography/typography.mjs.map +1 -0
  204. package/package.json +70 -0
package/package.json ADDED
@@ -0,0 +1,70 @@
1
+ {
2
+ "name": "@metamask-previews/design-tokens",
3
+ "version": "4.1.0-preview.f4da8f1",
4
+ "description": "Design tokens to be used throughout MetaMask products",
5
+ "keywords": [
6
+ "MetaMask",
7
+ "Ethereum"
8
+ ],
9
+ "homepage": "https://github.com/MetaMask/metamask-design-system/tree/main/packages/design-tokens#readme",
10
+ "bugs": {
11
+ "url": "https://github.com/MetaMask/metamask-design-system/issues"
12
+ },
13
+ "repository": {
14
+ "type": "git",
15
+ "url": "https://github.com/MetaMask/metamask-design-system.git"
16
+ },
17
+ "license": "MIT",
18
+ "exports": {
19
+ ".": {
20
+ "import": {
21
+ "types": "./dist/index.d.mts",
22
+ "default": "./dist/index.mjs"
23
+ },
24
+ "require": {
25
+ "types": "./dist/index.d.cts",
26
+ "default": "./dist/index.cjs"
27
+ }
28
+ },
29
+ "./package.json": "./package.json",
30
+ "./styles.css": "./dist/styles.css"
31
+ },
32
+ "main": "./dist/index.cjs",
33
+ "module": "./dist/index.mjs",
34
+ "types": "./dist/index.d.cts",
35
+ "files": [
36
+ "dist",
37
+ "dist/"
38
+ ],
39
+ "scripts": {
40
+ "build": "ts-bridge --project tsconfig.build.json --verbose --clean --no-references && yarn build:css",
41
+ "build:css": "cleancss -o dist/styles.css src/css/index.css",
42
+ "build:types": "tsc --project tsconfig.build.json",
43
+ "changelog:update": "../../scripts/update-changelog.sh @metamask/design-tokens",
44
+ "changelog:validate": "../../scripts/validate-changelog.sh @metamask/design-tokens",
45
+ "publish:preview": "yarn npm publish --tag preview",
46
+ "since-latest-release": "../../scripts/since-latest-release.sh",
47
+ "test": "NODE_OPTIONS=--experimental-vm-modules jest --reporters=jest-silent-reporter",
48
+ "test:clean": "NODE_OPTIONS=--experimental-vm-modules jest --clearCache",
49
+ "test:verbose": "NODE_OPTIONS=--experimental-vm-modules jest --verbose",
50
+ "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
51
+ },
52
+ "devDependencies": {
53
+ "@metamask/auto-changelog": "^3.4.4",
54
+ "@types/jest": "^27.4.1",
55
+ "@types/node": "^16.18.54",
56
+ "clean-css-cli": "^5.6.3",
57
+ "jest": "^29.7.0",
58
+ "postcss": "^8.4.47",
59
+ "react": "^18.2.0",
60
+ "ts-jest": "^29.2.5",
61
+ "typescript": "~5.2.2"
62
+ },
63
+ "engines": {
64
+ "node": "^18.18 || >=20"
65
+ },
66
+ "publishConfig": {
67
+ "access": "public",
68
+ "registry": "https://registry.npmjs.org/"
69
+ }
70
+ }