@svadmin/ui 0.73.0 → 0.74.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 (295) hide show
  1. package/README.md +53 -28
  2. package/dist/app.css +3733 -4119
  3. package/dist/app.theme.css +3733 -4119
  4. package/dist/component-registry.d.ts +14977 -0
  5. package/dist/component-registry.js +216 -0
  6. package/dist/components/AboutSettings.svelte +7 -1
  7. package/dist/components/AboutSettings.svelte.d.ts +4 -1
  8. package/dist/components/ActivityFeed.svelte +9 -3
  9. package/dist/components/ActivityFeed.svelte.d.ts +3 -0
  10. package/dist/components/AdminApp.svelte +19 -10
  11. package/dist/components/AdminApp.svelte.d.ts +6 -0
  12. package/dist/components/ApiSettings.svelte +41 -5
  13. package/dist/components/ApprovalCenter.svelte +283 -0
  14. package/dist/components/ApprovalCenter.svelte.d.ts +10 -0
  15. package/dist/components/AuditLogViewer.svelte +3 -1
  16. package/dist/components/AutoForm.svelte +33 -3
  17. package/dist/components/AutoForm.svelte.d.ts +1 -0
  18. package/dist/components/AutoTable.svelte +610 -47
  19. package/dist/components/AutoTable.svelte.d.ts +17 -1
  20. package/dist/components/BoundRecordDetailDrawer.svelte +9 -0
  21. package/dist/components/BoundRecordDetailDrawer.svelte.d.ts +2 -0
  22. package/dist/components/Breadcrumbs.svelte +11 -1
  23. package/dist/components/CancelTaskButton.svelte +12 -42
  24. package/dist/components/ColorPicker.svelte +73 -0
  25. package/dist/components/ColorPicker.svelte.d.ts +15 -0
  26. package/dist/components/ComboboxField.svelte +114 -27
  27. package/dist/components/ComboboxField.svelte.d.ts +1 -0
  28. package/dist/components/DashboardView.svelte +99 -0
  29. package/dist/components/DashboardView.svelte.d.ts +14 -0
  30. package/dist/components/DatePicker.svelte +10 -0
  31. package/dist/components/DatePicker.svelte.d.ts +6 -0
  32. package/dist/components/DateRangeInput.svelte +85 -5
  33. package/dist/components/DateRangeInput.svelte.d.ts +10 -0
  34. package/dist/components/DateRangePicker.svelte +10 -0
  35. package/dist/components/DateRangePicker.svelte.d.ts +6 -0
  36. package/dist/components/DateTimeInput.svelte +74 -5
  37. package/dist/components/DateTimeInput.svelte.d.ts +8 -0
  38. package/dist/components/DateTimePicker.svelte +10 -0
  39. package/dist/components/DateTimePicker.svelte.d.ts +6 -0
  40. package/dist/components/DevTools.svelte +34 -26
  41. package/dist/components/DevframePanel.svelte +123 -0
  42. package/dist/components/DevframePanel.svelte.d.ts +3 -0
  43. package/dist/components/ErrorSummary.svelte +52 -0
  44. package/dist/components/ErrorSummary.svelte.d.ts +14 -0
  45. package/dist/components/FieldRenderer.svelte +82 -81
  46. package/dist/components/FileUpload.svelte +214 -52
  47. package/dist/components/FileUpload.svelte.d.ts +11 -0
  48. package/dist/components/FilterBuilder.svelte +88 -66
  49. package/dist/components/FilterCollectionInput.svelte +80 -0
  50. package/dist/components/FilterCollectionInput.svelte.d.ts +10 -0
  51. package/dist/components/GanttChart.svelte +66 -14
  52. package/dist/components/GanttChart.svelte.d.ts +6 -0
  53. package/dist/components/Header.svelte +18 -2
  54. package/dist/components/ImportWizard.svelte +339 -17
  55. package/dist/components/ImportWizard.svelte.d.ts +11 -0
  56. package/dist/components/JsonSchemaForm.svelte +120 -52
  57. package/dist/components/JsonSchemaForm.svelte.d.ts +7 -1
  58. package/dist/components/KanbanBoard.svelte +195 -40
  59. package/dist/components/KanbanBoard.svelte.d.ts +9 -2
  60. package/dist/components/Layout.svelte +4 -2
  61. package/dist/components/LazyAutoForm.svelte +28 -0
  62. package/dist/components/LazyAutoForm.svelte.d.ts +8 -0
  63. package/dist/components/LazyAutoTable.svelte +28 -0
  64. package/dist/components/LazyAutoTable.svelte.d.ts +8 -0
  65. package/dist/components/LazySettingsPage.svelte +28 -0
  66. package/dist/components/LazySettingsPage.svelte.d.ts +8 -0
  67. package/dist/components/LazyShowPage.svelte +28 -0
  68. package/dist/components/LazyShowPage.svelte.d.ts +8 -0
  69. package/dist/components/ListPage.svelte +5 -1
  70. package/dist/components/ListPage.svelte.d.ts +3 -0
  71. package/dist/components/LoginPage.svelte +1 -1
  72. package/dist/components/MultiTabKeepAlive.svelte +11 -6
  73. package/dist/components/NotificationsSettings.svelte +69 -2
  74. package/dist/components/NotificationsSettings.svelte.d.ts +25 -1
  75. package/dist/components/PermissionMatrix.svelte +20 -1
  76. package/dist/components/PivotExportButton.svelte +157 -0
  77. package/dist/components/PivotExportButton.svelte.d.ts +16 -0
  78. package/dist/components/PivotTable.svelte +229 -74
  79. package/dist/components/PivotTable.svelte.d.ts +19 -2
  80. package/dist/components/RadioGroup.svelte +121 -0
  81. package/dist/components/RadioGroup.svelte.d.ts +43 -0
  82. package/dist/components/RangeSlider.svelte +127 -0
  83. package/dist/components/RangeSlider.svelte.d.ts +22 -0
  84. package/dist/components/Rate.svelte +121 -0
  85. package/dist/components/Rate.svelte.d.ts +16 -0
  86. package/dist/components/RecordDetailDrawer.svelte +4 -2
  87. package/dist/components/RecordDetailDrawer.svelte.d.ts +2 -0
  88. package/dist/components/RelationPicker.svelte +341 -0
  89. package/dist/components/RelationPicker.svelte.d.ts +26 -0
  90. package/dist/components/ResourceOperationsPage.svelte +18 -18
  91. package/dist/components/ResourceOperationsPage.svelte.d.ts +2 -2
  92. package/dist/components/RetryTaskButton.svelte +12 -42
  93. package/dist/components/SecuritySettings.svelte +29 -5
  94. package/dist/components/SegmentedControl.svelte +145 -0
  95. package/dist/components/SegmentedControl.svelte.d.ts +38 -0
  96. package/dist/components/SettingsPage.svelte +3 -1
  97. package/dist/components/SettingsPage.svelte.d.ts +1 -0
  98. package/dist/components/ShowPage.svelte +18 -3
  99. package/dist/components/ShowPage.svelte.d.ts +3 -0
  100. package/dist/components/Sidebar.svelte +2 -2
  101. package/dist/components/Slider.svelte +100 -0
  102. package/dist/components/Slider.svelte.d.ts +19 -0
  103. package/dist/components/SpreadsheetView.svelte +1213 -95
  104. package/dist/components/SpreadsheetView.svelte.d.ts +19 -0
  105. package/dist/components/TagsInput.svelte +178 -0
  106. package/dist/components/TagsInput.svelte.d.ts +17 -0
  107. package/dist/components/TimePicker.svelte +10 -0
  108. package/dist/components/TimePicker.svelte.d.ts +6 -0
  109. package/dist/components/TreeSelect.svelte +267 -53
  110. package/dist/components/TreeSelect.svelte.d.ts +3 -0
  111. package/dist/components/TreeTable.svelte +484 -82
  112. package/dist/components/TreeTable.svelte.d.ts +24 -1
  113. package/dist/components/TwoFactorAuthPage.svelte +85 -48
  114. package/dist/components/TwoFactorAuthPage.svelte.d.ts +12 -1
  115. package/dist/components/VirtualTable.svelte +116 -20
  116. package/dist/components/VirtualTable.svelte.d.ts +5 -0
  117. package/dist/components/account/CompanyProfilePage.svelte +74 -38
  118. package/dist/components/account/GetStartedPage.svelte +2 -1
  119. package/dist/components/account/ImportMembersPage.svelte +22 -167
  120. package/dist/components/account/ImportMembersPage.svelte.d.ts +4 -1
  121. package/dist/components/account/MemberDirectory.svelte +156 -0
  122. package/dist/components/account/MemberDirectory.svelte.d.ts +19 -0
  123. package/dist/components/account/MembersStarterPage.svelte +9 -55
  124. package/dist/components/account/MembersStarterPage.svelte.d.ts +5 -1
  125. package/dist/components/account/SecurityLogPage.svelte +4 -1
  126. package/dist/components/account/SettingsPlainPage.svelte +7 -38
  127. package/dist/components/account/SettingsPlainPage.svelte.d.ts +4 -1
  128. package/dist/components/account/SettingsSidebarPage.svelte +7 -20
  129. package/dist/components/account/TeamMembersPage.svelte +4 -20
  130. package/dist/components/account/TeamMembersPage.svelte.d.ts +5 -1
  131. package/dist/components/account/UserProfilePage.svelte +3 -25
  132. package/dist/components/account/UserProfilePage.svelte.d.ts +17 -2
  133. package/dist/components/buttons/ExportButton.svelte +56 -12
  134. package/dist/components/buttons/ExportButton.svelte.d.ts +11 -0
  135. package/dist/components/content/ContentPageHeader.svelte +1 -1
  136. package/dist/components/content/ContentPageShell.svelte +1 -1
  137. package/dist/components/content/MetricBlock.svelte +1 -1
  138. package/dist/components/content/PageToolbar.svelte +1 -1
  139. package/dist/components/content/ReferenceNotice.svelte +5 -0
  140. package/dist/components/content/ReferenceNotice.svelte.d.ts +18 -0
  141. package/dist/components/content/SectionHeader.svelte +1 -1
  142. package/dist/components/content/SettingsFieldRow.svelte +1 -1
  143. package/dist/components/content/SettingsGroup.svelte +1 -1
  144. package/dist/components/content/StatusBadge.svelte +1 -1
  145. package/dist/components/content/WorkspaceLayout.svelte +1 -1
  146. package/dist/components/export-reference.d.ts +2 -0
  147. package/dist/components/export-reference.js +9 -0
  148. package/dist/components/fieldComponentMap.js +2 -5
  149. package/dist/components/fields/DateField.svelte +12 -13
  150. package/dist/components/fields/date-display.d.ts +6 -0
  151. package/dist/components/fields/date-display.js +24 -0
  152. package/dist/components/network/TeamCrewTablePage.svelte +6 -1
  153. package/dist/components/network/UserCardsNFTPage.svelte +2 -0
  154. package/dist/components/profile/PublicProfilePage.svelte +2 -0
  155. package/dist/components/saved-list-views.d.ts +74 -1
  156. package/dist/components/saved-list-views.js +191 -3
  157. package/dist/components/table-contract.d.ts +12 -1
  158. package/dist/components/task-action.svelte.d.ts +13 -0
  159. package/dist/components/task-action.svelte.js +73 -0
  160. package/dist/components/ui/DesignSystemShowcase.svelte +164 -0
  161. package/dist/components/ui/DesignSystemShowcase.svelte.d.ts +3 -0
  162. package/dist/components/ui/badge/badge-variants.d.ts +3 -2
  163. package/dist/components/ui/badge/badge-variants.js +2 -3
  164. package/dist/components/ui/badge/badge.svelte +3 -0
  165. package/dist/components/ui/badge/badge.svelte.d.ts +1 -0
  166. package/dist/components/ui/button/button-variants.d.ts +5 -4
  167. package/dist/components/ui/button/button-variants.js +7 -5
  168. package/dist/components/ui/checkbox/checkbox.svelte +5 -1
  169. package/dist/components/ui/checkbox/checkbox.svelte.d.ts +5 -1
  170. package/dist/components/ui/input/input.svelte +7 -2
  171. package/dist/components/ui/input/input.svelte.d.ts +4 -1
  172. package/dist/components/ui/select/select.svelte +4 -1
  173. package/dist/components/ui/select/select.svelte.d.ts +2 -1
  174. package/dist/components/ui/textarea/textarea.svelte +2 -2
  175. package/dist/components.css +33 -2
  176. package/dist/date-input-policy.d.ts +4 -0
  177. package/dist/date-input-policy.js +35 -0
  178. package/dist/design-system-components.d.ts +100 -0
  179. package/dist/design-system-components.js +101 -0
  180. package/dist/design-system.js +1 -1
  181. package/dist/devtools-bridge.d.ts +80 -0
  182. package/dist/devtools-bridge.js +92 -0
  183. package/dist/index.d.ts +37 -2
  184. package/dist/index.js +23 -2
  185. package/dist/recipes.d.ts +960 -4
  186. package/dist/recipes.js +264 -4
  187. package/dist/tree-table-model.d.ts +24 -0
  188. package/dist/tree-table-model.js +111 -0
  189. package/package.json +22 -10
  190. package/dist/styled-system/css/conditions.js +0 -36
  191. package/dist/styled-system/css/css.d.ts +0 -22
  192. package/dist/styled-system/css/css.js +0 -45
  193. package/dist/styled-system/css/cva.d.ts +0 -6
  194. package/dist/styled-system/css/cva.js +0 -87
  195. package/dist/styled-system/css/cx.d.ts +0 -5
  196. package/dist/styled-system/css/cx.js +0 -15
  197. package/dist/styled-system/css/index.d.ts +0 -5
  198. package/dist/styled-system/css/index.js +0 -4
  199. package/dist/styled-system/css/sva.d.ts +0 -4
  200. package/dist/styled-system/css/sva.js +0 -46
  201. package/dist/styled-system/helpers.js +0 -316
  202. package/dist/styled-system/patterns/aspect-ratio.d.ts +0 -20
  203. package/dist/styled-system/patterns/aspect-ratio.js +0 -38
  204. package/dist/styled-system/patterns/bleed.d.ts +0 -21
  205. package/dist/styled-system/patterns/bleed.js +0 -24
  206. package/dist/styled-system/patterns/box.d.ts +0 -20
  207. package/dist/styled-system/patterns/box.js +0 -15
  208. package/dist/styled-system/patterns/center.d.ts +0 -20
  209. package/dist/styled-system/patterns/center.js +0 -21
  210. package/dist/styled-system/patterns/circle.d.ts +0 -20
  211. package/dist/styled-system/patterns/circle.js +0 -25
  212. package/dist/styled-system/patterns/container.d.ts +0 -20
  213. package/dist/styled-system/patterns/container.js +0 -21
  214. package/dist/styled-system/patterns/cq.d.ts +0 -21
  215. package/dist/styled-system/patterns/cq.js +0 -21
  216. package/dist/styled-system/patterns/divider.d.ts +0 -22
  217. package/dist/styled-system/patterns/divider.js +0 -25
  218. package/dist/styled-system/patterns/flex.d.ts +0 -26
  219. package/dist/styled-system/patterns/flex.js +0 -26
  220. package/dist/styled-system/patterns/float.d.ts +0 -23
  221. package/dist/styled-system/patterns/float.js +0 -52
  222. package/dist/styled-system/patterns/grid-item.d.ts +0 -25
  223. package/dist/styled-system/patterns/grid-item.js +0 -25
  224. package/dist/styled-system/patterns/grid.d.ts +0 -24
  225. package/dist/styled-system/patterns/grid.js +0 -27
  226. package/dist/styled-system/patterns/hstack.d.ts +0 -21
  227. package/dist/styled-system/patterns/hstack.js +0 -24
  228. package/dist/styled-system/patterns/index.d.ts +0 -21
  229. package/dist/styled-system/patterns/index.js +0 -20
  230. package/dist/styled-system/patterns/link-overlay.d.ts +0 -20
  231. package/dist/styled-system/patterns/link-overlay.js +0 -24
  232. package/dist/styled-system/patterns/spacer.d.ts +0 -20
  233. package/dist/styled-system/patterns/spacer.js +0 -25
  234. package/dist/styled-system/patterns/square.d.ts +0 -20
  235. package/dist/styled-system/patterns/square.js +0 -24
  236. package/dist/styled-system/patterns/stack.d.ts +0 -23
  237. package/dist/styled-system/patterns/stack.js +0 -24
  238. package/dist/styled-system/patterns/visually-hidden.d.ts +0 -20
  239. package/dist/styled-system/patterns/visually-hidden.js +0 -18
  240. package/dist/styled-system/patterns/vstack.d.ts +0 -21
  241. package/dist/styled-system/patterns/vstack.js +0 -24
  242. package/dist/styled-system/patterns/wrap.d.ts +0 -24
  243. package/dist/styled-system/patterns/wrap.js +0 -25
  244. package/dist/styled-system/recipes/content-header.d.ts +0 -31
  245. package/dist/styled-system/recipes/content-header.js +0 -65
  246. package/dist/styled-system/recipes/content-page.d.ts +0 -34
  247. package/dist/styled-system/recipes/content-page.js +0 -43
  248. package/dist/styled-system/recipes/create-recipe.js +0 -82
  249. package/dist/styled-system/recipes/index.d.ts +0 -17
  250. package/dist/styled-system/recipes/index.js +0 -16
  251. package/dist/styled-system/recipes/metric-block.d.ts +0 -34
  252. package/dist/styled-system/recipes/metric-block.js +0 -76
  253. package/dist/styled-system/recipes/product-list.d.ts +0 -31
  254. package/dist/styled-system/recipes/product-list.js +0 -73
  255. package/dist/styled-system/recipes/product-section.d.ts +0 -31
  256. package/dist/styled-system/recipes/product-section.js +0 -49
  257. package/dist/styled-system/recipes/product-settings-row.d.ts +0 -34
  258. package/dist/styled-system/recipes/product-settings-row.js +0 -58
  259. package/dist/styled-system/recipes/product-settings.d.ts +0 -31
  260. package/dist/styled-system/recipes/product-settings.js +0 -57
  261. package/dist/styled-system/recipes/product-status.d.ts +0 -34
  262. package/dist/styled-system/recipes/product-status.js +0 -45
  263. package/dist/styled-system/recipes/product-toolbar.d.ts +0 -31
  264. package/dist/styled-system/recipes/product-toolbar.js +0 -41
  265. package/dist/styled-system/recipes/product-workspace.d.ts +0 -34
  266. package/dist/styled-system/recipes/product-workspace.js +0 -58
  267. package/dist/styled-system/recipes/surface-metric.d.ts +0 -38
  268. package/dist/styled-system/recipes/surface-metric.js +0 -63
  269. package/dist/styled-system/recipes/surface-table.d.ts +0 -34
  270. package/dist/styled-system/recipes/surface-table.js +0 -62
  271. package/dist/styled-system/recipes/ui-badge.d.ts +0 -31
  272. package/dist/styled-system/recipes/ui-badge.js +0 -38
  273. package/dist/styled-system/recipes/ui-button.d.ts +0 -32
  274. package/dist/styled-system/recipes/ui-button.js +0 -43
  275. package/dist/styled-system/recipes/ui-input.d.ts +0 -31
  276. package/dist/styled-system/recipes/ui-input.js +0 -49
  277. package/dist/styled-system/recipes/ui-textarea.d.ts +0 -31
  278. package/dist/styled-system/recipes/ui-textarea.js +0 -24
  279. package/dist/styled-system/styles.css +0 -1257
  280. package/dist/styled-system/tokens/index.d.ts +0 -9
  281. package/dist/styled-system/tokens/index.js +0 -268
  282. package/dist/styled-system/tokens/tokens.d.ts +0 -36
  283. package/dist/styled-system/types/composition.d.ts +0 -227
  284. package/dist/styled-system/types/conditions.d.ts +0 -236
  285. package/dist/styled-system/types/csstype.d.ts +0 -22570
  286. package/dist/styled-system/types/index.d.ts +0 -6
  287. package/dist/styled-system/types/parts.d.ts +0 -8
  288. package/dist/styled-system/types/pattern.d.ts +0 -78
  289. package/dist/styled-system/types/prop-type.d.ts +0 -223
  290. package/dist/styled-system/types/recipe.d.ts +0 -181
  291. package/dist/styled-system/types/selectors.d.ts +0 -59
  292. package/dist/styled-system/types/static-css.d.ts +0 -56
  293. package/dist/styled-system/types/style-props.d.ts +0 -8088
  294. package/dist/styled-system/types/system-types.d.ts +0 -151
  295. package/dist/styles/recipes.css +0 -1262
@@ -1,9 +0,0 @@
1
- /* eslint-disable */
2
- import type { Token } from './tokens';
3
-
4
- export declare const token: {
5
- (path: Token, fallback?: string): string
6
- var: (path: Token, fallback?: string) => string
7
- }
8
-
9
- export * from './tokens';
@@ -1,268 +0,0 @@
1
- const tokens = {
2
- "spacing.xs": {
3
- "value": "0.25rem",
4
- "variable": "var(--svadmin-spacing-xs)"
5
- },
6
- "spacing.sm": {
7
- "value": "0.75rem",
8
- "variable": "var(--svadmin-spacing-sm)"
9
- },
10
- "spacing.md": {
11
- "value": "1rem",
12
- "variable": "var(--svadmin-spacing-md)"
13
- },
14
- "spacing.lg": {
15
- "value": "1.25rem",
16
- "variable": "var(--svadmin-spacing-lg)"
17
- },
18
- "spacing.content.stack": {
19
- "value": "var(--spacing)",
20
- "variable": "var(--svadmin-spacing-content-stack)"
21
- },
22
- "spacing.content.inline": {
23
- "value": "calc(var(--spacing) * 2)",
24
- "variable": "var(--svadmin-spacing-content-inline)"
25
- },
26
- "spacing.content.section": {
27
- "value": "calc(var(--spacing) * 3)",
28
- "variable": "var(--svadmin-spacing-content-section)"
29
- },
30
- "spacing.content.panel": {
31
- "value": "calc(var(--spacing) * 4)",
32
- "variable": "var(--svadmin-spacing-content-panel)"
33
- },
34
- "spacing.content.page": {
35
- "value": "calc(var(--spacing) * 6)",
36
- "variable": "var(--svadmin-spacing-content-page)"
37
- },
38
- "sizes.content.narrow": {
39
- "value": "var(--container-3xl)",
40
- "variable": "var(--svadmin-sizes-content-narrow)"
41
- },
42
- "sizes.content.default": {
43
- "value": "74rem",
44
- "variable": "var(--svadmin-sizes-content-default)"
45
- },
46
- "sizes.content.wide": {
47
- "value": "92rem",
48
- "variable": "var(--svadmin-sizes-content-wide)"
49
- },
50
- "sizes.content.description": {
51
- "value": "var(--container-2xl)",
52
- "variable": "var(--svadmin-sizes-content-description)"
53
- },
54
- "sizes.content.skeletonHeight": {
55
- "value": "calc(var(--spacing) * 8)",
56
- "variable": "var(--svadmin-sizes-content-skeleton-height)"
57
- },
58
- "sizes.content.skeletonWidth": {
59
- "value": "calc(var(--spacing) * 24)",
60
- "variable": "var(--svadmin-sizes-content-skeleton-width)"
61
- },
62
- "fontSizes.compact": {
63
- "value": "0.75rem",
64
- "variable": "var(--svadmin-font-sizes-compact)"
65
- },
66
- "fontSizes.body": {
67
- "value": "0.875rem",
68
- "variable": "var(--svadmin-font-sizes-body)"
69
- },
70
- "fontSizes.content.caption": {
71
- "value": "var(--text-xs)",
72
- "variable": "var(--svadmin-font-sizes-content-caption)"
73
- },
74
- "fontSizes.content.body": {
75
- "value": "var(--text-sm)",
76
- "variable": "var(--svadmin-font-sizes-content-body)"
77
- },
78
- "fontSizes.content.title": {
79
- "value": "var(--text-xl)",
80
- "variable": "var(--svadmin-font-sizes-content-title)"
81
- },
82
- "fontSizes.content.metric": {
83
- "value": "var(--text-2xl)",
84
- "variable": "var(--svadmin-font-sizes-content-metric)"
85
- },
86
- "lineHeights.content.caption": {
87
- "value": "var(--text-xs--line-height)",
88
- "variable": "var(--svadmin-line-heights-content-caption)"
89
- },
90
- "lineHeights.content.body": {
91
- "value": "var(--text-sm--line-height)",
92
- "variable": "var(--svadmin-line-heights-content-body)"
93
- },
94
- "lineHeights.content.title": {
95
- "value": "var(--leading-tight)",
96
- "variable": "var(--svadmin-line-heights-content-title)"
97
- },
98
- "lineHeights.content.description": {
99
- "value": "calc(var(--spacing) * 6)",
100
- "variable": "var(--svadmin-line-heights-content-description)"
101
- },
102
- "lineHeights.content.metric": {
103
- "value": "var(--text-2xl--line-height)",
104
- "variable": "var(--svadmin-line-heights-content-metric)"
105
- },
106
- "fontWeights.content.medium": {
107
- "value": "var(--font-weight-medium)",
108
- "variable": "var(--svadmin-font-weights-content-medium)"
109
- },
110
- "fontWeights.content.strong": {
111
- "value": "var(--font-weight-semibold)",
112
- "variable": "var(--svadmin-font-weights-content-strong)"
113
- },
114
- "letterSpacings.content.normal": {
115
- "value": "var(--tracking-normal)",
116
- "variable": "var(--svadmin-letter-spacings-content-normal)"
117
- },
118
- "shadows.content.card": {
119
- "value": "0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
120
- "variable": "var(--svadmin-shadows-content-card)"
121
- },
122
- "colors.surface": {
123
- "value": "var(--card)",
124
- "variable": "var(--svadmin-colors-surface)"
125
- },
126
- "colors.foreground": {
127
- "value": "var(--foreground)",
128
- "variable": "var(--svadmin-colors-foreground)"
129
- },
130
- "colors.muted": {
131
- "value": "var(--muted-foreground)",
132
- "variable": "var(--svadmin-colors-muted)"
133
- },
134
- "colors.border": {
135
- "value": "var(--border)",
136
- "variable": "var(--svadmin-colors-border)"
137
- },
138
- "colors.success": {
139
- "value": "var(--success)",
140
- "variable": "var(--svadmin-colors-success)"
141
- },
142
- "colors.warning": {
143
- "value": "var(--warning)",
144
- "variable": "var(--svadmin-colors-warning)"
145
- },
146
- "colors.danger": {
147
- "value": "var(--destructive)",
148
- "variable": "var(--svadmin-colors-danger)"
149
- },
150
- "colors.info": {
151
- "value": "var(--info)",
152
- "variable": "var(--svadmin-colors-info)"
153
- },
154
- "colors.content.foreground": {
155
- "value": "var(--color-foreground)",
156
- "variable": "var(--svadmin-colors-content-foreground)"
157
- },
158
- "colors.content.muted": {
159
- "value": "var(--color-muted-foreground)",
160
- "variable": "var(--svadmin-colors-content-muted)"
161
- },
162
- "colors.content.card": {
163
- "value": "var(--color-card)",
164
- "variable": "var(--svadmin-colors-content-card)"
165
- },
166
- "colors.content.border": {
167
- "value": "var(--color-border)",
168
- "variable": "var(--svadmin-colors-content-border)"
169
- },
170
- "colors.content.positive": {
171
- "value": "var(--color-success)",
172
- "variable": "var(--svadmin-colors-content-positive)"
173
- },
174
- "colors.content.negative": {
175
- "value": "var(--color-destructive)",
176
- "variable": "var(--svadmin-colors-content-negative)"
177
- },
178
- "colors.content.warning": {
179
- "value": "var(--color-warning-foreground)",
180
- "variable": "var(--svadmin-colors-content-warning)"
181
- },
182
- "radii.surface": {
183
- "value": "var(--radius-lg)",
184
- "variable": "var(--svadmin-radii-surface)"
185
- },
186
- "radii.content.card": {
187
- "value": "var(--radius-lg)",
188
- "variable": "var(--svadmin-radii-content-card)"
189
- },
190
- "spacing.-xs": {
191
- "value": "calc(var(--svadmin-spacing-xs) * -1)",
192
- "variable": "var(--svadmin-spacing-xs)"
193
- },
194
- "spacing.-sm": {
195
- "value": "calc(var(--svadmin-spacing-sm) * -1)",
196
- "variable": "var(--svadmin-spacing-sm)"
197
- },
198
- "spacing.-md": {
199
- "value": "calc(var(--svadmin-spacing-md) * -1)",
200
- "variable": "var(--svadmin-spacing-md)"
201
- },
202
- "spacing.-lg": {
203
- "value": "calc(var(--svadmin-spacing-lg) * -1)",
204
- "variable": "var(--svadmin-spacing-lg)"
205
- },
206
- "spacing.content.-stack": {
207
- "value": "calc(var(--svadmin-spacing-content-stack) * -1)",
208
- "variable": "var(--svadmin-spacing-content-stack)"
209
- },
210
- "spacing.content.-inline": {
211
- "value": "calc(var(--svadmin-spacing-content-inline) * -1)",
212
- "variable": "var(--svadmin-spacing-content-inline)"
213
- },
214
- "spacing.content.-section": {
215
- "value": "calc(var(--svadmin-spacing-content-section) * -1)",
216
- "variable": "var(--svadmin-spacing-content-section)"
217
- },
218
- "spacing.content.-panel": {
219
- "value": "calc(var(--svadmin-spacing-content-panel) * -1)",
220
- "variable": "var(--svadmin-spacing-content-panel)"
221
- },
222
- "spacing.content.-page": {
223
- "value": "calc(var(--svadmin-spacing-content-page) * -1)",
224
- "variable": "var(--svadmin-spacing-content-page)"
225
- },
226
- "colors.colorPalette": {
227
- "value": "var(--svadmin-colors-color-palette)",
228
- "variable": "var(--svadmin-colors-color-palette)"
229
- },
230
- "colors.colorPalette.foreground": {
231
- "value": "var(--svadmin-colors-color-palette-foreground)",
232
- "variable": "var(--svadmin-colors-color-palette-foreground)"
233
- },
234
- "colors.colorPalette.muted": {
235
- "value": "var(--svadmin-colors-color-palette-muted)",
236
- "variable": "var(--svadmin-colors-color-palette-muted)"
237
- },
238
- "colors.colorPalette.card": {
239
- "value": "var(--svadmin-colors-color-palette-card)",
240
- "variable": "var(--svadmin-colors-color-palette-card)"
241
- },
242
- "colors.colorPalette.border": {
243
- "value": "var(--svadmin-colors-color-palette-border)",
244
- "variable": "var(--svadmin-colors-color-palette-border)"
245
- },
246
- "colors.colorPalette.positive": {
247
- "value": "var(--svadmin-colors-color-palette-positive)",
248
- "variable": "var(--svadmin-colors-color-palette-positive)"
249
- },
250
- "colors.colorPalette.negative": {
251
- "value": "var(--svadmin-colors-color-palette-negative)",
252
- "variable": "var(--svadmin-colors-color-palette-negative)"
253
- },
254
- "colors.colorPalette.warning": {
255
- "value": "var(--svadmin-colors-color-palette-warning)",
256
- "variable": "var(--svadmin-colors-color-palette-warning)"
257
- }
258
- }
259
-
260
- export function token(path, fallback) {
261
- return tokens[path]?.value || fallback
262
- }
263
-
264
- function tokenVar(path, fallback) {
265
- return tokens[path]?.variable || fallback
266
- }
267
-
268
- token.var = tokenVar
@@ -1,36 +0,0 @@
1
- /* eslint-disable */
2
- export type Token = `spacing.${SpacingToken}` | `sizes.${SizeToken}` | `fontSizes.${FontSizeToken}` | `lineHeights.${LineHeightToken}` | `fontWeights.${FontWeightToken}` | `letterSpacings.${LetterSpacingToken}` | `shadows.${ShadowToken}` | `colors.${ColorToken}` | `radii.${RadiusToken}`
3
-
4
- export type ColorPalette = "surface" | "foreground" | "muted" | "border" | "success" | "warning" | "danger" | "info" | "content"
5
-
6
- export type SpacingToken = "xs" | "sm" | "md" | "lg" | "content.stack" | "content.inline" | "content.section" | "content.panel" | "content.page" | "-xs" | "-sm" | "-md" | "-lg" | "-content.stack" | "-content.inline" | "-content.section" | "-content.panel" | "-content.page"
7
-
8
- export type SizeToken = "content.narrow" | "content.default" | "content.wide" | "content.description" | "content.skeletonHeight" | "content.skeletonWidth"
9
-
10
- export type FontSizeToken = "compact" | "body" | "content.caption" | "content.body" | "content.title" | "content.metric"
11
-
12
- export type LineHeightToken = "content.caption" | "content.body" | "content.title" | "content.description" | "content.metric"
13
-
14
- export type FontWeightToken = "content.medium" | "content.strong"
15
-
16
- export type LetterSpacingToken = "content.normal"
17
-
18
- export type ShadowToken = "content.card"
19
-
20
- export type ColorToken = "surface" | "foreground" | "muted" | "border" | "success" | "warning" | "danger" | "info" | "content.foreground" | "content.muted" | "content.card" | "content.border" | "content.positive" | "content.negative" | "content.warning" | "colorPalette" | "colorPalette.foreground" | "colorPalette.muted" | "colorPalette.card" | "colorPalette.border" | "colorPalette.positive" | "colorPalette.negative" | "colorPalette.warning"
21
-
22
- export type RadiusToken = "surface" | "content.card"
23
-
24
- export type Tokens = {
25
- spacing: SpacingToken
26
- sizes: SizeToken
27
- fontSizes: FontSizeToken
28
- lineHeights: LineHeightToken
29
- fontWeights: FontWeightToken
30
- letterSpacings: LetterSpacingToken
31
- shadows: ShadowToken
32
- colors: ColorToken
33
- radii: RadiusToken
34
- } & { [token: string]: never }
35
-
36
- export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
@@ -1,227 +0,0 @@
1
- /* eslint-disable */
2
- import type { CompositionStyleObject } from './system-types';
3
-
4
- interface Token<T> {
5
- value: T
6
- description?: string
7
- }
8
-
9
- interface Recursive<T> {
10
- [key: string]: Recursive<T> | T
11
- }
12
-
13
- /* -----------------------------------------------------------------------------
14
- * Text styles
15
- * -----------------------------------------------------------------------------*/
16
-
17
- type TextStyleProperty =
18
- | 'color'
19
- | 'direction'
20
- | 'font'
21
- | 'fontFamily'
22
- | 'fontFeatureSettings'
23
- | 'fontKerning'
24
- | 'fontLanguageOverride'
25
- | 'fontOpticalSizing'
26
- | 'fontPalette'
27
- | 'fontSize'
28
- | 'fontSizeAdjust'
29
- | 'fontStretch'
30
- | 'fontStyle'
31
- | 'fontSynthesis'
32
- | 'fontVariant'
33
- | 'fontVariantAlternates'
34
- | 'fontVariantCaps'
35
- | 'fontVariantLigatures'
36
- | 'fontVariantNumeric'
37
- | 'fontVariantPosition'
38
- | 'fontVariationSettings'
39
- | 'fontWeight'
40
- | 'hangingPunctuation'
41
- | 'hyphens'
42
- | 'hyphenateCharacter'
43
- | 'hyphenateLimitChars'
44
- | 'letterSpacing'
45
- | 'lineBreak'
46
- | 'lineHeight'
47
- | 'quotes'
48
- | 'overflowWrap'
49
- | 'tabSize'
50
- | 'textAlign'
51
- | 'textAlignLast'
52
- | 'textBox'
53
- | 'textBoxEdge'
54
- | 'textBoxTrim'
55
- | 'textCombineUpright'
56
- | 'textDecoration'
57
- | 'textDecorationColor'
58
- | 'textDecorationLine'
59
- | 'textDecorationSkip'
60
- | 'textDecorationSkipBox'
61
- | 'textDecorationSkipInk'
62
- | 'textDecorationSkipInset'
63
- | 'textDecorationStyle'
64
- | 'textDecorationThickness'
65
- | 'textEmphasis'
66
- | 'textEmphasisColor'
67
- | 'textEmphasisPosition'
68
- | 'textEmphasisStyle'
69
- | 'textIndent'
70
- | 'textJustify'
71
- | 'textOrientation'
72
- | 'textOverflow'
73
- | 'textRendering'
74
- | 'textShadow'
75
- | 'textStroke'
76
- | 'textStrokeColor'
77
- | 'textStrokeWidth'
78
- | 'textTransform'
79
- | 'textUnderlineOffset'
80
- | 'textUnderlinePosition'
81
- | 'textWrap'
82
- | 'textWrapMode'
83
- | 'textWrapStyle'
84
- | 'unicodeBidi'
85
- | 'verticalAlign'
86
- | 'whiteSpace'
87
- | 'wordBreak'
88
- | 'wordSpacing'
89
- | 'writingMode'
90
-
91
- export type TextStyle = CompositionStyleObject<TextStyleProperty>
92
-
93
- export type TextStyles = Recursive<Token<TextStyle>>
94
-
95
- /* -----------------------------------------------------------------------------
96
- * Layer styles
97
- * -----------------------------------------------------------------------------*/
98
-
99
- type LogicalPlacement = 'Inline' | 'Block' | 'InlineStart' | 'InlineEnd' | 'BlockStart' | 'BlockEnd'
100
-
101
- type PhysicalPlacement = 'Top' | 'Right' | 'Bottom' | 'Left'
102
-
103
- type Placement = PhysicalPlacement | LogicalPlacement
104
-
105
- type Radius =
106
- | `Top${'Right' | 'Left'}`
107
- | `Bottom${'Right' | 'Left'}`
108
- | `Start${'Start' | 'End'}`
109
- | `End${'Start' | 'End'}`
110
-
111
- type LayerStyleProperty =
112
- | 'aspectRatio'
113
- | 'background'
114
- | 'backgroundColor'
115
- | 'backgroundImage'
116
- | 'border'
117
- | 'borderColor'
118
- | 'borderImage'
119
- | 'borderImageOutset'
120
- | 'borderImageRepeat'
121
- | 'borderImageSlice'
122
- | 'borderImageSource'
123
- | 'borderImageWidth'
124
- | 'borderRadius'
125
- | 'borderStyle'
126
- | 'borderWidth'
127
- | `border${Placement}`
128
- | `border${Placement}Color`
129
- | `border${Placement}Style`
130
- | `border${Placement}Width`
131
- | 'borderRadius'
132
- | `border${Radius}Radius`
133
- | 'boxShadow'
134
- | 'boxShadowColor'
135
- | 'clipPath'
136
- | 'color'
137
- | 'contain'
138
- | 'content'
139
- | 'contentVisibility'
140
- | 'cursor'
141
- | 'display'
142
- | 'filter'
143
- | 'backdropFilter'
144
- | 'height'
145
- | 'width'
146
- | 'minHeight'
147
- | 'minWidth'
148
- | 'maxHeight'
149
- | 'maxWidth'
150
- | `margin${Placement}`
151
- | 'inset'
152
- | `inset${LogicalPlacement}`
153
- | Lowercase<PhysicalPlacement>
154
- | 'isolation'
155
- | 'mask'
156
- | 'maskClip'
157
- | 'maskComposite'
158
- | 'maskImage'
159
- | 'maskMode'
160
- | 'maskOrigin'
161
- | 'maskPosition'
162
- | 'maskRepeat'
163
- | 'maskSize'
164
- | 'mixBlendMode'
165
- | 'objectFit'
166
- | 'objectPosition'
167
- | 'opacity'
168
- | 'outline'
169
- | 'outlineColor'
170
- | 'outlineOffset'
171
- | 'outlineStyle'
172
- | 'outlineWidth'
173
- | 'overflow'
174
- | 'overflowX'
175
- | 'overflowY'
176
- | 'padding'
177
- | `padding${Placement}`
178
- | 'pointerEvents'
179
- | 'position'
180
- | 'resize'
181
- | 'transform'
182
- | 'transition'
183
- | 'visibility'
184
- | 'willChange'
185
- | 'zIndex'
186
- | 'backgroundBlendMode'
187
- | 'backgroundAttachment'
188
- | 'backgroundClip'
189
- | 'backgroundOrigin'
190
- | 'backgroundPosition'
191
- | 'backgroundRepeat'
192
- | 'backgroundSize'
193
-
194
- export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
195
-
196
- export type LayerStyles = Recursive<Token<LayerStyle>>
197
-
198
- /* -----------------------------------------------------------------------------
199
- * Motion styles
200
- * -----------------------------------------------------------------------------*/
201
-
202
- type AnimationStyleProperty =
203
- | 'animation'
204
- | 'animationComposition'
205
- | 'animationDelay'
206
- | 'animationDirection'
207
- | 'animationDuration'
208
- | 'animationFillMode'
209
- | 'animationIterationCount'
210
- | 'animationName'
211
- | 'animationPlayState'
212
- | 'animationTimingFunction'
213
- | 'animationRange'
214
- | 'animationRangeStart'
215
- | 'animationRangeEnd'
216
- | 'animationTimeline'
217
- | 'transformOrigin'
218
-
219
- export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
220
-
221
- export type AnimationStyles = Recursive<Token<AnimationStyle>>
222
-
223
- export interface CompositionStyles {
224
- textStyles: TextStyles
225
- layerStyles: LayerStyles
226
- animationStyles: AnimationStyles
227
- }