@axiapps/axi-design 1.13.0 → 1.14.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 (102) hide show
  1. package/README.md +31 -0
  2. package/dist/axi.css +15 -0
  3. package/dist/icons/arrow-down.svg +4 -0
  4. package/dist/icons/arrow-left.svg +4 -0
  5. package/dist/icons/arrow-right.svg +4 -0
  6. package/dist/icons/arrow-up.svg +4 -0
  7. package/dist/icons/calendar.svg +6 -0
  8. package/dist/icons/check-check.svg +4 -0
  9. package/dist/icons/check.svg +3 -0
  10. package/dist/icons/chevron-down.svg +3 -0
  11. package/dist/icons/chevron-left.svg +3 -0
  12. package/dist/icons/chevron-right.svg +3 -0
  13. package/dist/icons/chevron-up.svg +3 -0
  14. package/dist/icons/circle-alert.svg +5 -0
  15. package/dist/icons/circle-check.svg +4 -0
  16. package/dist/icons/circle-x.svg +5 -0
  17. package/dist/icons/clock.svg +4 -0
  18. package/dist/icons/copy.svg +4 -0
  19. package/dist/icons/download.svg +5 -0
  20. package/dist/icons/external-link.svg +5 -0
  21. package/dist/icons/eye.svg +4 -0
  22. package/dist/icons/file-text.svg +6 -0
  23. package/dist/icons/file.svg +4 -0
  24. package/dist/icons/filter.svg +3 -0
  25. package/dist/icons/folder-open.svg +4 -0
  26. package/dist/icons/folder.svg +3 -0
  27. package/dist/icons/icons.json +671 -0
  28. package/dist/icons/info.svg +5 -0
  29. package/dist/icons/link.svg +5 -0
  30. package/dist/icons/lock.svg +4 -0
  31. package/dist/icons/menu.svg +5 -0
  32. package/dist/icons/minus.svg +3 -0
  33. package/dist/icons/pause.svg +4 -0
  34. package/dist/icons/pencil.svg +4 -0
  35. package/dist/icons/play.svg +3 -0
  36. package/dist/icons/plus.svg +4 -0
  37. package/dist/icons/refresh-cw.svg +6 -0
  38. package/dist/icons/save.svg +5 -0
  39. package/dist/icons/search.svg +4 -0
  40. package/dist/icons/settings-2.svg +6 -0
  41. package/dist/icons/skip-forward.svg +4 -0
  42. package/dist/icons/sprite.svg +203 -0
  43. package/dist/icons/square.svg +3 -0
  44. package/dist/icons/tag.svg +4 -0
  45. package/dist/icons/trash-2.svg +5 -0
  46. package/dist/icons/unlock.svg +4 -0
  47. package/dist/icons/upload.svg +5 -0
  48. package/dist/icons/user.svg +4 -0
  49. package/dist/icons/users.svg +6 -0
  50. package/dist/icons/volume-2.svg +5 -0
  51. package/dist/icons/x.svg +4 -0
  52. package/docs/RULES.md +64 -0
  53. package/icons/LICENSE-LUCIDE +51 -0
  54. package/icons/arrow-down.svg +4 -0
  55. package/icons/arrow-left.svg +4 -0
  56. package/icons/arrow-right.svg +4 -0
  57. package/icons/arrow-up.svg +4 -0
  58. package/icons/calendar.svg +6 -0
  59. package/icons/check-check.svg +4 -0
  60. package/icons/check.svg +3 -0
  61. package/icons/chevron-down.svg +3 -0
  62. package/icons/chevron-left.svg +3 -0
  63. package/icons/chevron-right.svg +3 -0
  64. package/icons/chevron-up.svg +3 -0
  65. package/icons/circle-alert.svg +5 -0
  66. package/icons/circle-check.svg +4 -0
  67. package/icons/circle-x.svg +5 -0
  68. package/icons/clock.svg +4 -0
  69. package/icons/copy.svg +4 -0
  70. package/icons/download.svg +5 -0
  71. package/icons/external-link.svg +5 -0
  72. package/icons/eye.svg +4 -0
  73. package/icons/file-text.svg +6 -0
  74. package/icons/file.svg +4 -0
  75. package/icons/filter.svg +3 -0
  76. package/icons/folder-open.svg +4 -0
  77. package/icons/folder.svg +3 -0
  78. package/icons/info.svg +5 -0
  79. package/icons/link.svg +5 -0
  80. package/icons/lock.svg +4 -0
  81. package/icons/menu.svg +5 -0
  82. package/icons/minus.svg +3 -0
  83. package/icons/pause.svg +4 -0
  84. package/icons/pencil.svg +4 -0
  85. package/icons/play.svg +3 -0
  86. package/icons/plus.svg +4 -0
  87. package/icons/refresh-cw.svg +6 -0
  88. package/icons/save.svg +5 -0
  89. package/icons/search.svg +4 -0
  90. package/icons/settings-2.svg +6 -0
  91. package/icons/skip-forward.svg +4 -0
  92. package/icons/square.svg +3 -0
  93. package/icons/tag.svg +4 -0
  94. package/icons/trash-2.svg +5 -0
  95. package/icons/unlock.svg +4 -0
  96. package/icons/upload.svg +5 -0
  97. package/icons/user.svg +4 -0
  98. package/icons/users.svg +6 -0
  99. package/icons/volume-2.svg +5 -0
  100. package/icons/x.svg +4 -0
  101. package/package.json +5 -1
  102. package/src/primitives.css +15 -0
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M8.5 5.5 L8.5 18.5"/>
3
+ <path d="M15.5 5.5 L15.5 18.5"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M3.5 20.5 L3.5 16.5 L15.5 4.5 L19.5 8.5 L7.5 20.5 Z"/>
3
+ <path d="M12.5 7.5 L16.5 11.5"/>
4
+ </svg>
package/icons/play.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M8.5 5.5 L15 12 L8.5 18.5 Z"/>
3
+ </svg>
package/icons/plus.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M12 3.5 L12 20.5"/>
3
+ <path d="M3.5 12 L20.5 12"/>
4
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M8.5 4.5 L19.5 4.5 L19.5 15.5"/>
3
+ <path d="M16.5 12.5 L19.5 15.5 L22.5 12.5"/>
4
+ <path d="M15.5 19.5 L4.5 19.5 L4.5 8.5"/>
5
+ <path d="M1.5 11.5 L4.5 8.5 L7.5 11.5"/>
6
+ </svg>
package/icons/save.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M3.5 3.5 L16.5 3.5 L20.5 7.5 L20.5 20.5 L3.5 20.5 Z"/>
3
+ <path d="M7.5 3.5 L7.5 9.5 L15.5 9.5 L15.5 3.5"/>
4
+ <path d="M7.5 20.5 L7.5 14.5 L16.5 14.5 L16.5 20.5"/>
5
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M9.5 3.5 L15.5 9.5 L9.5 15.5 L3.5 9.5 Z"/>
3
+ <path d="M13.5 13.5 L20.5 20.5"/>
4
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M3.5 8.5 L20.5 8.5"/>
3
+ <path d="M3.5 15.5 L20.5 15.5"/>
4
+ <path d="M9.5 5.5 L12.5 8.5 L9.5 11.5 L6.5 8.5 Z"/>
5
+ <path d="M15.5 12.5 L18.5 15.5 L15.5 18.5 L12.5 15.5 Z"/>
6
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M6.5 5.5 L13 12 L6.5 18.5 Z"/>
3
+ <path d="M17.5 5.5 L17.5 18.5"/>
4
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M4.5 4.5 L19.5 4.5 L19.5 19.5 L4.5 19.5 Z"/>
3
+ </svg>
package/icons/tag.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M2.5 2.5 L13.5 2.5 L21.5 10.5 L10.5 21.5 L2.5 13.5 Z"/>
3
+ <path d="M6.5 4.5 L8.5 6.5 L6.5 8.5 L4.5 6.5 Z"/>
4
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M2.5 6.5 L21.5 6.5"/>
3
+ <path d="M5.5 6.5 L5.5 21.5 L18.5 21.5 L18.5 6.5"/>
4
+ <path d="M9.5 6.5 L9.5 2.5 L14.5 2.5 L14.5 6.5"/>
5
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M4.5 11.5 L19.5 11.5 L19.5 21.5 L4.5 21.5 Z"/>
3
+ <path d="M8.5 11.5 L8.5 6.5 L15.5 6.5"/>
4
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M12 14.5 L12 2.5"/>
3
+ <path d="M6.5 8 L12 2.5 L17.5 8"/>
4
+ <path d="M3.5 18.5 L3.5 21.5 L20.5 21.5 L20.5 18.5"/>
5
+ </svg>
package/icons/user.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M12 3.5 L16.5 8 L12 12.5 L7.5 8 Z"/>
3
+ <path d="M4.5 21.5 L4.5 19.5 L8.5 15.5 L15.5 15.5 L19.5 19.5 L19.5 21.5"/>
4
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M9 2.5 L13 6.5 L9 10.5 L5 6.5 Z"/>
3
+ <path d="M1.5 20.5 L1.5 18.5 L5.5 14.5 L12.5 14.5 L16.5 18.5 L16.5 20.5"/>
4
+ <path d="M17 5.5 L20 8.5 L17 11.5"/>
5
+ <path d="M17 14.5 L19.5 14.5 L22.5 17.5 L22.5 20.5"/>
6
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M2.5 9.5 L6.5 9.5 L12.5 3.5 L12.5 20.5 L6.5 14.5 L2.5 14.5 Z"/>
3
+ <path d="M16.5 8.5 L16.5 15.5"/>
4
+ <path d="M20.5 5.5 L20.5 18.5"/>
5
+ </svg>
package/icons/x.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="miter">
2
+ <path d="M5.5 5.5 L18.5 18.5"/>
3
+ <path d="M18.5 5.5 L5.5 18.5"/>
4
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axiapps/axi-design",
3
- "version": "1.13.0",
3
+ "version": "1.14.0",
4
4
  "description": "The design language for the axi suite — flat and outlined, dark, drawn in saturated ink.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -23,6 +23,9 @@
23
23
  "./tokens.css": "./src/tokens.css",
24
24
  "./accents.css": "./dist/accents.css",
25
25
  "./themes/*.css": "./dist/themes/*.css",
26
+ "./icons/sprite.svg": "./dist/icons/sprite.svg",
27
+ "./icons/*.svg": "./dist/icons/*.svg",
28
+ "./icons.json": "./dist/icons/icons.json",
26
29
  "./accents.json": "./accents.json",
27
30
  "./package.json": "./package.json"
28
31
  },
@@ -33,6 +36,7 @@
33
36
  "//files": "dist/ is the artifact; src/ rides along because a consumer reading a component wants the source next to them; docs/RULES.md rides along because it is the reason any of it is shaped the way it is. The rest of docs/ - the manifest, the generator and the guides - builds the site and is no use to a consumer. No tests, no gallery. LICENSE and README are included by npm regardless of this list.",
34
37
  "files": [
35
38
  "dist",
39
+ "icons",
36
40
  "src",
37
41
  "docs/RULES.md",
38
42
  "accents.json",
@@ -445,3 +445,18 @@
445
445
  /* object-fit rather than a background-image, so the <img>'s alt text survives
446
446
  and a broken source is visible rather than silently blank. */
447
447
  .axi-avatar__img { width: 100%; height: 100%; object-fit: cover; display: block; }
448
+
449
+ /* ---------- icon ---------- */
450
+
451
+ /* Rule 12's glyphs, sized and positioned - and nothing else. The drawing
452
+ brings its own stroke and its 24 canvas; the ink is inherited, because an
453
+ icon is whatever colour the thing it sits in is written in. `flex: none`
454
+ is load-bearing rather than defensive: the commonest placement in the set
455
+ is beside a label inside a button, which is a flex container, and an em
456
+ width alone gets shrunk there. */
457
+ .axi-icon {
458
+ width: var(--axi-icon-size, 1.25em);
459
+ height: var(--axi-icon-size, 1.25em);
460
+ flex: none;
461
+ vertical-align: -0.2em;
462
+ }