@fikar-ai/design 1.5.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 (54) hide show
  1. package/README.md +1379 -0
  2. package/brand/apps/account.svg +4 -0
  3. package/brand/apps/chat.svg +3 -0
  4. package/brand/apps/cost-calculator.svg +12 -0
  5. package/brand/apps/crs.svg +9 -0
  6. package/brand/apps/dictionary.svg +5 -0
  7. package/brand/apps/platform.svg +11 -0
  8. package/brand/apps/super-admin.svg +9 -0
  9. package/brand/favicon/apple-touch-icon.png +0 -0
  10. package/brand/favicon/favicon-16x16.png +0 -0
  11. package/brand/favicon/favicon-32x32.png +0 -0
  12. package/brand/favicon/favicon-48x48.png +0 -0
  13. package/brand/favicon/favicon.ico +0 -0
  14. package/brand/favicon/favicon.svg +11 -0
  15. package/brand/favicon/icon-192.png +0 -0
  16. package/brand/favicon/icon-512.png +0 -0
  17. package/brand/favicon/manifest.webmanifest +8 -0
  18. package/brand/fikar-loader.svg +10 -0
  19. package/brand/fikar-logo-mono.svg +6 -0
  20. package/brand/fikar-logo-reversed.svg +9 -0
  21. package/brand/fikar-logo.svg +15 -0
  22. package/components.css +577 -0
  23. package/fonts/Charter-license.txt +3 -0
  24. package/fonts/charter_bold.woff2 +0 -0
  25. package/fonts/charter_bold_italic.woff2 +0 -0
  26. package/fonts/charter_italic.woff2 +0 -0
  27. package/fonts/charter_regular.woff2 +0 -0
  28. package/fonts.css +37 -0
  29. package/logo.css +24 -0
  30. package/package.json +68 -0
  31. package/preset.d.ts +5 -0
  32. package/preset.js +67 -0
  33. package/recipes/brand-loader.html +4 -0
  34. package/recipes/detail-panel.html +35 -0
  35. package/recipes/empty-state.html +6 -0
  36. package/recipes/entity-badge.html +6 -0
  37. package/recipes/filter-chip.html +5 -0
  38. package/recipes/launcher.html +24 -0
  39. package/recipes/list-row.html +21 -0
  40. package/recipes/search-results.html +43 -0
  41. package/recipes/search.html +18 -0
  42. package/recipes/segmented.html +7 -0
  43. package/recipes/shell-no-sidebar.html +60 -0
  44. package/recipes/shell.html +89 -0
  45. package/recipes/status-badge.html +10 -0
  46. package/recipes/theme-menu.html +21 -0
  47. package/recipes/time.html +9 -0
  48. package/recipes/user-menu.html +21 -0
  49. package/shell.js +324 -0
  50. package/templates/jinja/launcher.html +45 -0
  51. package/templates/jinja/shell.html +97 -0
  52. package/templates/jinja/theme-menu.html +27 -0
  53. package/templates/jinja/user-menu.html +55 -0
  54. package/tokens.css +122 -0
package/brand/apps/account.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="1.5" stroke-linecap="round" stroke-linejoin="round">
2
+ <circle cx="12" cy="8" r="5"/>
3
+ <path d="M20 21a8 8 0 0 0-16 0"/>
4
+ </svg>
package/brand/apps/chat.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="1.5" stroke-linecap="round" stroke-linejoin="round">
2
+ <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
3
+ </svg>
package/brand/apps/cost-calculator.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
2
+ <rect width="16" height="20" x="4" y="2" rx="2"/>
3
+ <line x1="8" x2="16" y1="6" y2="6"/>
4
+ <line x1="16" x2="16" y1="14" y2="18"/>
5
+ <path d="M16 10h.01"/>
6
+ <path d="M12 10h.01"/>
7
+ <path d="M8 10h.01"/>
8
+ <path d="M12 14h.01"/>
9
+ <path d="M8 14h.01"/>
10
+ <path d="M12 18h.01"/>
11
+ <path d="M8 18h.01"/>
12
+ </svg>
package/brand/apps/crs.svg ADDED
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
2
+ <circle cx="12" cy="4.5" r="2.5"/>
3
+ <path d="m10.2 6.3-3.9 3.9"/>
4
+ <circle cx="4.5" cy="12" r="2.5"/>
5
+ <path d="M7 12h10"/>
6
+ <circle cx="19.5" cy="12" r="2.5"/>
7
+ <path d="m13.8 17.7 3.9-3.9"/>
8
+ <circle cx="12" cy="19.5" r="2.5"/>
9
+ </svg>
package/brand/apps/dictionary.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="1.5" stroke-linecap="round" stroke-linejoin="round">
2
+ <path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/>
3
+ <path d="m8 13 4-7 4 7"/>
4
+ <path d="M9.1 11h5.7"/>
5
+ </svg>
package/brand/apps/platform.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
2
+ <line x1="21" x2="14" y1="4" y2="4"/>
3
+ <line x1="10" x2="3" y1="4" y2="4"/>
4
+ <line x1="21" x2="12" y1="12" y2="12"/>
5
+ <line x1="8" x2="3" y1="12" y2="12"/>
6
+ <line x1="21" x2="16" y1="20" y2="20"/>
7
+ <line x1="12" x2="3" y1="20" y2="20"/>
8
+ <line x1="14" x2="14" y1="2" y2="6"/>
9
+ <line x1="8" x2="8" y1="10" y2="14"/>
10
+ <line x1="16" x2="16" y1="18" y2="22"/>
11
+ </svg>
package/brand/apps/super-admin.svg ADDED
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
2
+ <path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"/>
3
+ <path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"/>
4
+ <path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"/>
5
+ <path d="M10 6h4"/>
6
+ <path d="M10 10h4"/>
7
+ <path d="M10 14h4"/>
8
+ <path d="M10 18h4"/>
9
+ </svg>
package/brand/favicon/favicon-16x16.png ADDED
Binary file
package/brand/favicon/favicon-32x32.png ADDED
Binary file
package/brand/favicon/favicon-48x48.png ADDED
Binary file
package/brand/favicon/favicon.ico ADDED
Binary file
package/brand/favicon/favicon.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
2
+ <defs><linearGradient id="t" x1="0" y1="0" x2="1" y2="1">
3
+ <stop offset="0" stop-color="#2A3A9E"/><stop offset="1" stop-color="#2E86C8"/></linearGradient></defs>
4
+ <rect width="1000" height="1000" rx="220" fill="url(#t)"/>
5
+ <g transform="translate(57.4 226.3) scale(0.711)">
6
+ <path d="M 595.5 512.1 A 245 245 0 1 1 558.5 211" stroke="#FFFFFF" stroke-width="106" stroke-linecap="round" fill="none"/>
7
+ <circle cx="733.7" cy="373.4" r="82" fill="#FFFFFF"/>
8
+ <circle cx="909.6" cy="237.5" r="69" fill="#FFFFFF"/>
9
+ <circle cx="1095.5" cy="170.3" r="61" fill="#FFFFFF"/>
10
+ </g>
11
+ </svg>
package/brand/favicon/icon-192.png ADDED
Binary file
package/brand/favicon/icon-512.png ADDED
Binary file
package/brand/favicon/manifest.webmanifest ADDED
@@ -0,0 +1,8 @@
1
+ {
2
+ "name": "FIKAR",
3
+ "short_name": "FIKAR",
4
+ "icons": [
5
+ { "src": "icon-192.png", "type": "image/png", "sizes": "192x192", "purpose": "any" },
6
+ { "src": "icon-512.png", "type": "image/png", "sizes": "512x512", "purpose": "any" }
7
+ ]
8
+ }
package/brand/fikar-loader.svg ADDED
@@ -0,0 +1,10 @@
1
+ <!-- Fikar brand loader — INLINE this markup (components.css animates .fkl-* by
2
+ class; an <img src> can't be reached by page CSS). Wrap in
3
+ <span class="fikar-loader [xs|sm|lg]" role="status" aria-label="Loading">…</span>.
4
+ Geometry = the locked 2026-06-17 mark; currentColor throughout. -->
5
+ <svg viewBox="54 53 1137 664" fill="none" xmlns="http://www.w3.org/2000/svg">
6
+ <path class="fkl-arc" pathLength="100" d="M 558.5 211 A 245 245 0 1 0 595.5 512.1" stroke="currentColor" stroke-width="106" stroke-linecap="round"/>
7
+ <circle class="fkl-d" cx="733.7" cy="373.4" r="82" fill="currentColor"/>
8
+ <circle class="fkl-d fkl-d2" cx="909.6" cy="237.5" r="69" fill="currentColor"/>
9
+ <circle class="fkl-d fkl-d3" cx="1095.5" cy="170.3" r="61" fill="currentColor"/>
10
+ </svg>
package/brand/fikar-logo-mono.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="54 53 1137 664" fill="none">
2
+ <path d="M 595.5 512.1 A 245 245 0 1 1 558.5 211" stroke="currentColor" stroke-width="106" stroke-linecap="round"/>
3
+ <circle cx="733.7" cy="373.4" r="82" fill="currentColor"/>
4
+ <circle cx="909.6" cy="237.5" r="69" fill="currentColor"/>
5
+ <circle cx="1095.5" cy="170.3" r="61" fill="currentColor"/>
6
+ </svg>
package/brand/fikar-logo-reversed.svg ADDED
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="54 53 1137 664" fill="none">
2
+ <defs><linearGradient id="g" gradientUnits="userSpaceOnUse" x1="100" y1="385" x2="1096" y2="170">
3
+ <stop offset="0" stop-color="#4D69E2"/><stop offset="0.5" stop-color="#3E8AD4"/><stop offset="1" stop-color="#66C6EE"/>
4
+ </linearGradient></defs>
5
+ <path d="M 595.5 512.1 A 245 245 0 1 1 558.5 211" stroke="url(#g)" stroke-width="106" stroke-linecap="round" fill="none"/>
6
+ <circle cx="733.7" cy="373.4" r="82" fill="url(#g)"/>
7
+ <circle cx="909.6" cy="237.5" r="69" fill="url(#g)"/>
8
+ <circle cx="1095.5" cy="170.3" r="61" fill="url(#g)"/>
9
+ </svg>
package/brand/fikar-logo.svg ADDED
@@ -0,0 +1,15 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="54 53 1137 664" fill="none">
2
+ <defs>
3
+ <linearGradient id="fikar" gradientUnits="userSpaceOnUse" x1="100" y1="385" x2="1096" y2="170">
4
+ <stop offset="0" stop-color="#1B2A78"/>
5
+ <stop offset="0.50" stop-color="#243B86"/>
6
+ <stop offset="0.66" stop-color="#2B4E92"/>
7
+ <stop offset="0.82" stop-color="#3A77AE"/>
8
+ <stop offset="1" stop-color="#4FA6CE"/>
9
+ </linearGradient>
10
+ </defs>
11
+ <path d="M 595.5 512.1 A 245 245 0 1 1 558.5 211" stroke="url(#fikar)" stroke-width="106" stroke-linecap="round"/>
12
+ <circle cx="733.7" cy="373.4" r="82" fill="url(#fikar)"/>
13
+ <circle cx="909.6" cy="237.5" r="69" fill="url(#fikar)"/>
14
+ <circle cx="1095.5" cy="170.3" r="61" fill="url(#fikar)"/>
15
+ </svg>