@sole-ui/react 0.1.0 → 0.2.1

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 +34 -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/dist/index.d.ts CHANGED
@@ -1,223 +1,13 @@
1
- /* Generated by packages/ui/scripts/build.ts. Do not edit. */
2
-
3
- export type TokenType = 'color' | 'dimension' | 'fontFamily' | 'shadow' | 'cubicBezier' | 'number';
4
-
5
- /** One design token in the DTCG shape. */
6
- export interface Token {
7
- readonly $value: string;
8
- readonly $type: TokenType;
9
- readonly $description?: string;
10
- }
11
-
12
- /** Sole's design tokens, the same tree as tokens.json. */
13
- export declare const tokens: {
14
- readonly color: {
15
- readonly background: Token;
16
- readonly foreground: Token;
17
- readonly card: Token;
18
- readonly "card-foreground": Token;
19
- readonly popover: Token;
20
- readonly "popover-foreground": Token;
21
- readonly primary: Token;
22
- readonly "primary-foreground": Token;
23
- readonly "primary-hover": Token;
24
- readonly brand: Token;
25
- readonly link: Token;
26
- readonly secondary: Token;
27
- readonly "secondary-foreground": Token;
28
- readonly muted: Token;
29
- readonly "muted-foreground": Token;
30
- readonly "subtle-foreground": Token;
31
- readonly faint: Token;
32
- readonly accent: Token;
33
- readonly "accent-foreground": Token;
34
- readonly "row-hover": Token;
35
- readonly border: Token;
36
- readonly hairline: Token;
37
- readonly input: Token;
38
- readonly field: Token;
39
- readonly ring: Token;
40
- readonly destructive: Token;
41
- readonly "destructive-foreground": Token;
42
- readonly "danger-text": Token;
43
- readonly "danger-soft": Token;
44
- readonly "danger-border": Token;
45
- readonly warning: Token;
46
- readonly "warning-text": Token;
47
- readonly "warning-soft": Token;
48
- readonly "warning-border": Token;
49
- readonly success: Token;
50
- readonly "success-text": Token;
51
- readonly "success-soft": Token;
52
- readonly "success-border": Token;
53
- readonly "neutral-soft": Token;
54
- readonly "neutral-text": Token;
55
- readonly skeleton: Token;
56
- readonly sidebar: Token;
57
- readonly "sidebar-foreground": Token;
58
- readonly "sidebar-accent": Token;
59
- readonly "sidebar-accent-foreground": Token;
60
- readonly "sidebar-hover": Token;
61
- readonly "sidebar-border": Token;
62
- readonly "sidebar-ring": Token;
63
- readonly tooltip: Token;
64
- readonly "tooltip-foreground": Token;
65
- readonly overdue: Token;
66
- readonly "overdue-foreground": Token;
67
- readonly mark: Token;
68
- readonly "state-backlog": Token;
69
- readonly "state-unstarted": Token;
70
- readonly "state-started": Token;
71
- readonly "state-completed": Token;
72
- readonly "state-cancelled": Token;
73
- readonly "sticky-gray": Token;
74
- readonly "sticky-peach": Token;
75
- readonly "sticky-pink": Token;
76
- readonly "sticky-orange": Token;
77
- readonly "sticky-green": Token;
78
- readonly "sticky-light-blue": Token;
79
- readonly "sticky-dark-blue": Token;
80
- readonly "sticky-purple": Token;
81
- readonly "sticky-foreground": Token;
82
- };
83
- readonly hue: {
84
- readonly slate: {
85
- readonly bg: Token;
86
- readonly border: Token;
87
- readonly fg: Token;
88
- readonly dot: Token;
89
- };
90
- readonly indigo: {
91
- readonly bg: Token;
92
- readonly border: Token;
93
- readonly fg: Token;
94
- readonly dot: Token;
95
- };
96
- readonly violet: {
97
- readonly bg: Token;
98
- readonly border: Token;
99
- readonly fg: Token;
100
- readonly dot: Token;
101
- };
102
- readonly blue: {
103
- readonly bg: Token;
104
- readonly border: Token;
105
- readonly fg: Token;
106
- readonly dot: Token;
107
- };
108
- readonly cyan: {
109
- readonly bg: Token;
110
- readonly border: Token;
111
- readonly fg: Token;
112
- readonly dot: Token;
113
- };
114
- readonly teal: {
115
- readonly bg: Token;
116
- readonly border: Token;
117
- readonly fg: Token;
118
- readonly dot: Token;
119
- };
120
- readonly green: {
121
- readonly bg: Token;
122
- readonly border: Token;
123
- readonly fg: Token;
124
- readonly dot: Token;
125
- };
126
- readonly lime: {
127
- readonly bg: Token;
128
- readonly border: Token;
129
- readonly fg: Token;
130
- readonly dot: Token;
131
- };
132
- readonly amber: {
133
- readonly bg: Token;
134
- readonly border: Token;
135
- readonly fg: Token;
136
- readonly dot: Token;
137
- };
138
- readonly orange: {
139
- readonly bg: Token;
140
- readonly border: Token;
141
- readonly fg: Token;
142
- readonly dot: Token;
143
- };
144
- readonly rose: {
145
- readonly bg: Token;
146
- readonly border: Token;
147
- readonly fg: Token;
148
- readonly dot: Token;
149
- };
150
- readonly pink: {
151
- readonly bg: Token;
152
- readonly border: Token;
153
- readonly fg: Token;
154
- readonly dot: Token;
155
- };
156
- };
157
- readonly radius: {
158
- readonly base: Token;
159
- };
160
- readonly shadow: {
161
- readonly "elevation-sm": Token;
162
- readonly "elevation-lg": Token;
163
- readonly "focus-ring": Token;
164
- };
165
- readonly ease: {
166
- readonly rise: Token;
167
- };
168
- readonly font: {
169
- readonly sans: Token;
170
- readonly mono: Token;
171
- };
172
- readonly text: {
173
- readonly label: {
174
- readonly size: Token;
175
- readonly "line-height": Token;
176
- readonly weight: Token;
177
- };
178
- readonly body: {
179
- readonly size: Token;
180
- readonly "line-height": Token;
181
- };
182
- readonly strong: {
183
- readonly size: Token;
184
- readonly "line-height": Token;
185
- readonly weight: Token;
186
- readonly "letter-spacing": Token;
187
- };
188
- readonly read: {
189
- readonly size: Token;
190
- readonly "line-height": Token;
191
- };
192
- readonly title: {
193
- readonly size: Token;
194
- readonly "line-height": Token;
195
- readonly weight: Token;
196
- readonly "letter-spacing": Token;
197
- };
198
- readonly page: {
199
- readonly size: Token;
200
- readonly "line-height": Token;
201
- readonly weight: Token;
202
- readonly "letter-spacing": Token;
203
- };
204
- readonly doc: {
205
- readonly size: Token;
206
- readonly "line-height": Token;
207
- readonly weight: Token;
208
- readonly "letter-spacing": Token;
209
- };
210
- readonly metric: {
211
- readonly size: Token;
212
- readonly "line-height": Token;
213
- readonly weight: Token;
214
- readonly "letter-spacing": Token;
215
- };
216
- readonly micro: {
217
- readonly size: Token;
218
- readonly "line-height": Token;
219
- readonly weight: Token;
220
- readonly "letter-spacing": Token;
221
- };
222
- };
223
- };
1
+ export * from './lib/cn.ts';
2
+ export * from './lib/person.ts';
3
+ export * from './lib/colour.ts';
4
+ export * from './lib/hue.ts';
5
+ export * from './lib/platform.ts';
6
+ export * from './lib/dates.ts';
7
+ export * from './lib/sole-provider.tsx';
8
+ export * from './components/ui/index.ts';
9
+ export * from './components/sole/index.ts';
10
+ export * from './components/shell/index.ts';
11
+ export { toast } from 'sonner';
12
+ export { tokens } from './tokens.generated.ts';
13
+ export type { Token, TokenType } from './tokens.generated.ts';