@sole-ui/react 0.1.0 → 0.2.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 (159) hide show
  1. package/README.md +35 -3
  2. package/dist/components/shell/app-frame.d.ts +14 -0
  3. package/dist/components/shell/app-frame.js +8 -0
  4. package/dist/components/shell/command-palette.d.ts +32 -0
  5. package/dist/components/shell/command-palette.js +30 -0
  6. package/dist/components/shell/index.d.ts +4 -0
  7. package/dist/components/shell/index.js +4 -0
  8. package/dist/components/shell/page.d.ts +25 -0
  9. package/dist/components/shell/page.js +22 -0
  10. package/dist/components/shell/sidebar.d.ts +81 -0
  11. package/dist/components/shell/sidebar.js +113 -0
  12. package/dist/components/sole/avatar.d.ts +19 -0
  13. package/dist/components/sole/avatar.js +37 -0
  14. package/dist/components/sole/banner.d.ts +24 -0
  15. package/dist/components/sole/banner.js +27 -0
  16. package/dist/components/sole/column-header.d.ts +15 -0
  17. package/dist/components/sole/column-header.js +15 -0
  18. package/dist/components/sole/copy-field.d.ts +10 -0
  19. package/dist/components/sole/copy-field.js +32 -0
  20. package/dist/components/sole/count-badge.d.ts +8 -0
  21. package/dist/components/sole/count-badge.js +8 -0
  22. package/dist/components/sole/field.d.ts +24 -0
  23. package/dist/components/sole/field.js +27 -0
  24. package/dist/components/sole/filters.d.ts +33 -0
  25. package/dist/components/sole/filters.js +48 -0
  26. package/dist/components/sole/index.d.ts +17 -0
  27. package/dist/components/sole/index.js +17 -0
  28. package/dist/components/sole/kbd.d.ts +7 -0
  29. package/dist/components/sole/kbd.js +14 -0
  30. package/dist/components/sole/label-tag.d.ts +18 -0
  31. package/dist/components/sole/label-tag.js +17 -0
  32. package/dist/components/sole/layout.d.ts +54 -0
  33. package/dist/components/sole/layout.js +48 -0
  34. package/dist/components/sole/logo.d.ts +13 -0
  35. package/dist/components/sole/logo.js +17 -0
  36. package/dist/components/sole/nav.d.ts +22 -0
  37. package/dist/components/sole/nav.js +32 -0
  38. package/dist/components/sole/person-chip.d.ts +8 -0
  39. package/dist/components/sole/person-chip.js +19 -0
  40. package/dist/components/sole/person-header.d.ts +21 -0
  41. package/dist/components/sole/person-header.js +22 -0
  42. package/dist/components/sole/pill.d.ts +9 -0
  43. package/dist/components/sole/pill.js +14 -0
  44. package/dist/components/sole/states.d.ts +48 -0
  45. package/dist/components/sole/states.js +53 -0
  46. package/dist/components/sole/table.d.ts +23 -0
  47. package/dist/components/sole/table.js +32 -0
  48. package/dist/components/ui/alert-dialog.d.ts +27 -0
  49. package/dist/components/ui/alert-dialog.js +33 -0
  50. package/dist/components/ui/badge.d.ts +11 -0
  51. package/dist/components/ui/badge.js +30 -0
  52. package/dist/components/ui/button.d.ts +13 -0
  53. package/dist/components/ui/button.js +49 -0
  54. package/dist/components/ui/calendar.d.ts +9 -0
  55. package/dist/components/ui/calendar.js +79 -0
  56. package/dist/components/ui/checkbox.d.ts +4 -0
  57. package/dist/components/ui/checkbox.js +11 -0
  58. package/dist/components/ui/command.d.ts +90 -0
  59. package/dist/components/ui/command.js +36 -0
  60. package/dist/components/ui/dialog.d.ts +18 -0
  61. package/dist/components/ui/dialog.js +33 -0
  62. package/dist/components/ui/dropdown-menu.d.ts +25 -0
  63. package/dist/components/ui/dropdown-menu.js +42 -0
  64. package/dist/components/ui/index.d.ts +23 -0
  65. package/dist/components/ui/index.js +23 -0
  66. package/dist/components/ui/input.d.ts +3 -0
  67. package/dist/components/ui/input.js +12 -0
  68. package/dist/components/ui/label.d.ts +4 -0
  69. package/dist/components/ui/label.js +10 -0
  70. package/dist/components/ui/popover.d.ts +10 -0
  71. package/dist/components/ui/popover.js +22 -0
  72. package/dist/components/ui/scroll-area.d.ts +5 -0
  73. package/dist/components/ui/scroll-area.js +14 -0
  74. package/dist/components/ui/select.d.ts +15 -0
  75. package/dist/components/ui/select.js +30 -0
  76. package/dist/components/ui/separator.d.ts +4 -0
  77. package/dist/components/ui/separator.js +10 -0
  78. package/dist/components/ui/sheet.d.ts +14 -0
  79. package/dist/components/ui/sheet.js +35 -0
  80. package/dist/components/ui/skeleton.d.ts +3 -0
  81. package/dist/components/ui/skeleton.js +10 -0
  82. package/dist/components/ui/sonner.d.ts +5 -0
  83. package/dist/components/ui/sonner.js +63 -0
  84. package/dist/components/ui/switch.d.ts +6 -0
  85. package/dist/components/ui/switch.js +10 -0
  86. package/dist/components/ui/tabs.d.ts +7 -0
  87. package/dist/components/ui/tabs.js +24 -0
  88. package/dist/components/ui/textarea.d.ts +3 -0
  89. package/dist/components/ui/textarea.js +9 -0
  90. package/dist/components/ui/toggle-group.d.ts +14 -0
  91. package/dist/components/ui/toggle-group.js +24 -0
  92. package/dist/components/ui/toggle.d.ts +12 -0
  93. package/dist/components/ui/toggle.js +28 -0
  94. package/dist/components/ui/tooltip.d.ts +7 -0
  95. package/dist/components/ui/tooltip.js +18 -0
  96. package/dist/hq/activity-line.d.ts +21 -0
  97. package/dist/hq/activity-line.js +26 -0
  98. package/dist/hq/board-card.d.ts +12 -0
  99. package/dist/hq/board-card.js +21 -0
  100. package/dist/hq/board-chip.d.ts +12 -0
  101. package/dist/hq/board-chip.js +20 -0
  102. package/dist/hq/checklist-item.d.ts +14 -0
  103. package/dist/hq/checklist-item.js +13 -0
  104. package/dist/hq/comment.d.ts +26 -0
  105. package/dist/hq/comment.js +15 -0
  106. package/dist/hq/due-chip.d.ts +11 -0
  107. package/dist/hq/due-chip.js +25 -0
  108. package/dist/hq/group-header.d.ts +27 -0
  109. package/dist/hq/group-header.js +22 -0
  110. package/dist/hq/inbox-row.d.ts +22 -0
  111. package/dist/hq/inbox-row.js +13 -0
  112. package/dist/hq/index.d.ts +21 -0
  113. package/dist/hq/index.js +21 -0
  114. package/dist/hq/link-row.d.ts +13 -0
  115. package/dist/hq/link-row.js +13 -0
  116. package/dist/hq/mention-chip.d.ts +23 -0
  117. package/dist/hq/mention-chip.js +28 -0
  118. package/dist/hq/page-row.d.ts +26 -0
  119. package/dist/hq/page-row.js +30 -0
  120. package/dist/hq/priority-icon.d.ts +9 -0
  121. package/dist/hq/priority-icon.js +23 -0
  122. package/dist/hq/property-type-icon.d.ts +7 -0
  123. package/dist/hq/property-type-icon.js +22 -0
  124. package/dist/hq/recent-item.d.ts +11 -0
  125. package/dist/hq/recent-item.js +12 -0
  126. package/dist/hq/review-badge.d.ts +37 -0
  127. package/dist/hq/review-badge.js +77 -0
  128. package/dist/hq/state-icon.d.ts +12 -0
  129. package/dist/hq/state-icon.js +41 -0
  130. package/dist/hq/state-pill.d.ts +9 -0
  131. package/dist/hq/state-pill.js +18 -0
  132. package/dist/hq/sticky.d.ts +13 -0
  133. package/dist/hq/sticky.js +22 -0
  134. package/dist/hq/template-card.d.ts +10 -0
  135. package/dist/hq/template-card.js +9 -0
  136. package/dist/hq/types.d.ts +49 -0
  137. package/dist/hq/types.js +7 -0
  138. package/dist/hq/work-item-row.d.ts +16 -0
  139. package/dist/hq/work-item-row.js +23 -0
  140. package/dist/index.d.ts +13 -223
  141. package/dist/index.js +12 -678
  142. package/dist/lib/cn.d.ts +2 -0
  143. package/dist/lib/cn.js +15 -0
  144. package/dist/lib/colour.d.ts +8 -0
  145. package/dist/lib/colour.js +28 -0
  146. package/dist/lib/dates.d.ts +62 -0
  147. package/dist/lib/dates.js +182 -0
  148. package/dist/lib/hue.d.ts +3 -0
  149. package/dist/lib/hue.js +1 -0
  150. package/dist/lib/person.d.ts +16 -0
  151. package/dist/lib/person.js +17 -0
  152. package/dist/lib/platform.d.ts +4 -0
  153. package/dist/lib/platform.js +12 -0
  154. package/dist/lib/sole-provider.d.ts +35 -0
  155. package/dist/lib/sole-provider.js +52 -0
  156. package/dist/styles.css +5 -0
  157. package/dist/tokens.generated.d.ts +219 -0
  158. package/dist/tokens.generated.js +679 -0
  159. package/package.json +34 -3
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sole-ui/react",
3
- "version": "0.1.0",
4
- "description": "Sole's design system. This release holds the design tokens (colour, type, radius, elevation, motion) as CSS, DTCG JSON and a JavaScript object; the components come in later versions.",
3
+ "version": "0.2.0",
4
+ "description": "Sole's design system for React and Tailwind CSS v4: the design tokens and the shared and Sole HQ components, typed and tested.",
5
5
  "type": "module",
6
6
  "license": "UNLICENSED",
7
7
  "repository": {
@@ -23,6 +23,10 @@
23
23
  "types": "./dist/index.d.ts",
24
24
  "import": "./dist/index.js"
25
25
  },
26
+ "./hq": {
27
+ "types": "./dist/hq/index.d.ts",
28
+ "import": "./dist/hq/index.js"
29
+ },
26
30
  "./styles.css": "./dist/styles.css",
27
31
  "./tokens.css": "./dist/tokens.css",
28
32
  "./tokens.json": "./dist/tokens.json",
@@ -37,17 +41,44 @@
37
41
  ],
38
42
  "scripts": {
39
43
  "build": "npm run build -w @sole/tokens --prefix ../.. && node scripts/build.ts",
44
+ "test": "vitest run",
45
+ "typecheck": "tsc -p tsconfig.json",
40
46
  "prepack": "npm run build"
41
47
  },
42
48
  "dependencies": {
43
- "@fontsource-variable/inter": "^5.3.0"
49
+ "@date-fns/tz": "^1.5.0",
50
+ "@fontsource-variable/inter": "^5.3.0",
51
+ "class-variance-authority": "^0.7.1",
52
+ "clsx": "^2.1.1",
53
+ "cmdk": "^1.1.1",
54
+ "lucide-react": "^1.59.0",
55
+ "react-day-picker": "^10.0.2",
56
+ "sonner": "^2.0.8",
57
+ "tailwind-merge": "^3.7.0",
58
+ "tw-animate-css": "^1.4.0"
44
59
  },
45
60
  "peerDependencies": {
61
+ "react": "^18.3.0 || ^19.0.0",
62
+ "react-dom": "^18.3.0 || ^19.0.0",
63
+ "radix-ui": "^1.4.0",
46
64
  "tailwindcss": "^4.1.0"
47
65
  },
48
66
  "peerDependenciesMeta": {
49
67
  "tailwindcss": {
50
68
  "optional": true
51
69
  }
70
+ },
71
+ "devDependencies": {
72
+ "@testing-library/jest-dom": "^7.0.1",
73
+ "@testing-library/react": "^16.3.3",
74
+ "@testing-library/user-event": "^14.6.8",
75
+ "@types/react": "^19.3.0",
76
+ "@types/react-dom": "^19.3.0",
77
+ "jsdom": "^30.1.3",
78
+ "radix-ui": "^1.8.1",
79
+ "react": "^19.3.1",
80
+ "react-dom": "^19.3.1",
81
+ "tailwindcss": "^4.3.3",
82
+ "vitest": "^5.0.5"
52
83
  }
53
84
  }