@vector-im/compound-design-tokens 0.0.2 → 0.0.3

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 (53) hide show
  1. package/README.md +2 -1
  2. package/assets/web/css/cpd-common.css +53 -2
  3. package/assets/web/css/cpd-dark-hc-mq.css +238 -81
  4. package/assets/web/css/cpd-dark-hc.css +239 -82
  5. package/assets/web/css/cpd-dark-mq.css +311 -154
  6. package/assets/web/css/cpd-dark.css +312 -155
  7. package/assets/web/css/cpd-light-hc-mq.css +311 -154
  8. package/assets/web/css/cpd-light-hc.css +312 -155
  9. package/assets/web/css/cpd-light-mq.css +171 -14
  10. package/assets/web/css/cpd-light.css +172 -15
  11. package/assets/web/icons/$icons.json +1 -0
  12. package/assets/web/icons/chat.svg +3 -0
  13. package/assets/web/icons/check-circle.svg +3 -0
  14. package/assets/web/icons/check.svg +3 -0
  15. package/assets/web/icons/chevron.svg +3 -0
  16. package/assets/web/icons/close.svg +3 -0
  17. package/assets/web/icons/computer.svg +3 -0
  18. package/assets/web/icons/delete.svg +3 -0
  19. package/assets/web/icons/error.svg +3 -0
  20. package/assets/web/icons/info.svg +3 -0
  21. package/assets/web/icons/lock.svg +3 -0
  22. package/assets/web/icons/mobile.svg +3 -0
  23. package/assets/web/icons/thread.svg +1 -0
  24. package/assets/web/icons/user.svg +3 -0
  25. package/assets/web/icons/visibility-invisible.svg +3 -0
  26. package/assets/web/icons/visibility-visible.svg +3 -0
  27. package/assets/web/icons/web-browser.svg +3 -0
  28. package/assets/web/js/cpdDark.d.ts +457 -0
  29. package/assets/web/js/cpdDark.js +379 -155
  30. package/assets/web/js/cpdDarkHc.d.ts +457 -0
  31. package/assets/web/js/cpdDarkHc.js +306 -82
  32. package/assets/web/js/cpdLight.d.ts +457 -0
  33. package/assets/web/js/cpdLight.js +240 -16
  34. package/assets/web/js/cpdLightHc.d.ts +457 -0
  35. package/assets/web/js/cpdLightHc.js +379 -155
  36. package/icons/$icons.json +1 -0
  37. package/icons/chat.svg +3 -0
  38. package/icons/check-circle.svg +3 -0
  39. package/icons/check.svg +3 -0
  40. package/icons/chevron.svg +3 -0
  41. package/icons/close.svg +3 -0
  42. package/icons/computer.svg +3 -0
  43. package/icons/delete.svg +3 -0
  44. package/icons/error.svg +3 -0
  45. package/icons/info.svg +3 -0
  46. package/icons/lock.svg +3 -0
  47. package/icons/mobile.svg +3 -0
  48. package/icons/thread.svg +1 -0
  49. package/icons/user.svg +3 -0
  50. package/icons/visibility-invisible.svg +3 -0
  51. package/icons/visibility-visible.svg +3 -0
  52. package/icons/web-browser.svg +3 -0
  53. package/package.json +7 -3
package/icons/thread.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="currentColor" d="M5 5.25a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H5ZM5 8.25a.75.75 0 0 0 0 1.5h4a.75.75 0 1 0 0-1.5H5Z"/><path fill="currentColor" fill-rule="evenodd" d="M3 .25A2.75 2.75 0 0 0 .25 3v14a.75.75 0 0 0 1.2.6L4.916 15c.217-.162.48-.25.75-.25H15A2.75 2.75 0 0 0 17.75 12V3A2.75 2.75 0 0 0 15 .25H3ZM1.75 3c0-.69.56-1.25 1.25-1.25h12c.69 0 1.25.56 1.25 1.25v9c0 .69-.56 1.25-1.25 1.25H5.666a2.75 2.75 0 0 0-1.65.55L1.75 15.5V3Z" clip-rule="evenodd"/></svg>
package/icons/user.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
2
+ <path fill="currentColor" stroke="currentColor" stroke-width=".025" d="m5.84 17.108.008.01.01-.008a10.422 10.422 0 0 1 2.846-1.536A9.725 9.725 0 0 1 12 15.012c1.149 0 2.247.188 3.296.562a10.42 10.42 0 0 1 2.846 1.536l.01.007.008-.009a7.742 7.742 0 0 0 1.364-2.329A7.85 7.85 0 0 0 20.012 12c0-2.22-.78-4.11-2.34-5.671C16.11 4.768 14.22 3.988 12 3.988c-2.22 0-4.11.78-5.671 2.34C4.768 7.89 3.988 9.78 3.988 12c0 .985.162 1.911.488 2.78.325.867.78 1.644 1.364 2.328Zm6.16-4.12c-.98 0-1.806-.337-2.479-1.01-.672-.672-1.009-1.498-1.009-2.478 0-.98.337-1.806 1.01-2.479.672-.672 1.498-1.008 2.478-1.008.98 0 1.806.336 2.479 1.008.672.673 1.009 1.499 1.009 2.479s-.337 1.806-1.01 2.479c-.672.672-1.498 1.009-2.478 1.009Zm0 9a9.725 9.725 0 0 1-3.895-.787 10.087 10.087 0 0 1-3.171-2.135 10.087 10.087 0 0 1-2.135-3.171A9.725 9.725 0 0 1 2.013 12c0-1.382.262-2.68.786-3.895a10.086 10.086 0 0 1 2.135-3.171 10.086 10.086 0 0 1 3.171-2.135A9.725 9.725 0 0 1 12 2.013c1.382 0 2.68.262 3.895.786a10.087 10.087 0 0 1 3.171 2.135c.899.899 1.61 1.956 2.135 3.171A9.725 9.725 0 0 1 21.988 12a9.73 9.73 0 0 1-.787 3.895 10.087 10.087 0 0 1-2.135 3.171 10.087 10.087 0 0 1-3.171 2.135 9.725 9.725 0 0 1-3.895.787Z"/>
3
+ </svg>
package/icons/visibility-invisible.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
2
+ <path fill="currentColor" d="m19.3 16.5-3.2-3.2c.133-.283.233-.57.3-.863.067-.291.1-.604.1-.937 0-1.25-.438-2.312-1.313-3.187C14.313 7.438 13.25 7 12 7a4.2 4.2 0 0 0-.938.1 4.24 4.24 0 0 0-.862.3L7.65 4.85A11.08 11.08 0 0 1 12 4c2.383 0 4.525.63 6.425 1.888 1.9 1.258 3.325 2.895 4.275 4.912.05.083.083.188.1.313s.025.254.025.387a1.972 1.972 0 0 1-.125.7 11.49 11.49 0 0 1-1.438 2.375A10.467 10.467 0 0 1 19.3 16.5Zm-.2 5.4-3.5-3.45c-.583.183-1.17.32-1.762.413-.592.091-1.205.137-1.838.137-2.383 0-4.525-.63-6.425-1.887-1.9-1.259-3.325-2.896-4.275-4.913a.812.812 0 0 1-.1-.313 2.93 2.93 0 0 1 0-.762.796.796 0 0 1 .1-.3c.35-.75.767-1.442 1.25-2.075A13.291 13.291 0 0 1 4.15 7L2.075 4.9a.933.933 0 0 1-.275-.687c0-.275.1-.513.3-.713a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l17 17c.183.183.28.413.288.688a.93.93 0 0 1-.288.712.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275ZM12 16a4.9 4.9 0 0 0 .512-.025c.159-.017.33-.05.513-.1l-5.4-5.4c-.05.183-.083.354-.1.513a4.81 4.81 0 0 0-.025.512c0 1.25.438 2.313 1.313 3.188C9.687 15.562 10.75 16 12 16Zm2.65-4.15-3-3c.95-.15 1.725.117 2.325.8.6.683.825 1.417.675 2.2Z"/>
3
+ </svg>
package/icons/visibility-visible.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
2
+ <path fill="currentColor" d="M12 16c1.25 0 2.313-.438 3.188-1.313.874-.874 1.312-1.937 1.312-3.187 0-1.25-.438-2.313-1.313-3.188C14.313 7.439 13.25 7 12 7c-1.25 0-2.313.438-3.188 1.313C7.939 9.187 7.5 10.25 7.5 11.5c0 1.25.438 2.313 1.313 3.188C9.687 15.562 10.75 16 12 16Zm0-1.8c-.75 0-1.387-.262-1.912-.787A2.604 2.604 0 0 1 9.3 11.5c0-.75.262-1.387.787-1.912A2.604 2.604 0 0 1 12 8.8c.75 0 1.387.262 1.912.787.525.526.788 1.163.788 1.913s-.262 1.387-.787 1.912A2.604 2.604 0 0 1 12 14.2Zm0 4.8c-2.317 0-4.433-.613-6.35-1.837-1.917-1.226-3.367-2.88-4.35-4.963a.812.812 0 0 1-.1-.313 2.93 2.93 0 0 1 0-.774.812.812 0 0 1 .1-.313c.983-2.083 2.433-3.738 4.35-4.963C7.567 4.614 9.683 4 12 4c2.317 0 4.433.612 6.35 1.838 1.917 1.224 3.367 2.879 4.35 4.962.05.083.083.188.1.313a2.925 2.925 0 0 1 0 .774.812.812 0 0 1-.1.313c-.983 2.083-2.433 3.738-4.35 4.963C16.433 18.387 14.317 19 12 19Z"/>
3
+ </svg>
package/icons/web-browser.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
2
+ <path fill="currentColor" d="M4 20c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h16c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 20H4Zm0-2h16V8H4v10Z"/>
3
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vector-im/compound-design-tokens",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "description": "Compound design tokens",
5
5
  "scripts": {
6
6
  "build": "ts-node ./build.ts",
@@ -13,7 +13,8 @@
13
13
  "css"
14
14
  ],
15
15
  "files": [
16
- "./assets/web/**/*"
16
+ "./assets/web/**/*",
17
+ "./icons/**/*"
17
18
  ],
18
19
  "main": "assets/web/js/index.js",
19
20
  "author": "",
@@ -33,8 +34,11 @@
33
34
  "@types/node": "^18.13.0",
34
35
  "fast-glob": "^3.2.12",
35
36
  "http-server": "^14.1.1",
36
- "style-dictionary": "^3.7.2",
37
+ "style-dictionary": "https://github.com/amzn/style-dictionary",
37
38
  "ts-node": "^10.9.1",
38
39
  "typescript": "^4.9.5"
40
+ },
41
+ "dependencies": {
42
+ "svg2vectordrawable": "^2.9.1"
39
43
  }
40
44
  }