@swiftwc/ui 0.0.0-dev.7 → 0.0.0-dev.70

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 (343) hide show
  1. package/README.md +15 -0
  2. package/generated/buses/alert-dialog.d.ts +2 -0
  3. package/generated/buses/alert-dialog.js +1 -0
  4. package/generated/buses/confirmation-dialog.d.ts +2 -0
  5. package/generated/buses/confirmation-dialog.js +1 -0
  6. package/generated/buses/index.d.ts +6 -0
  7. package/generated/buses/index.js +6 -0
  8. package/generated/buses/lifecycle-observer.d.ts +2 -0
  9. package/generated/buses/lifecycle-observer.js +1 -0
  10. package/generated/client/index.d.ts +25 -4
  11. package/generated/client/index.js +234 -181
  12. package/generated/components/alert-dialog.d.ts +8 -0
  13. package/generated/components/alert-dialog.js +99 -0
  14. package/generated/components/body-view.js +5 -2
  15. package/generated/components/bordered-button.d.ts +17 -0
  16. package/generated/components/bordered-button.js +56 -0
  17. package/generated/components/bordered-prominent-button.d.ts +17 -0
  18. package/generated/components/bordered-prominent-button.js +56 -0
  19. package/generated/components/borderless-button.d.ts +12 -4
  20. package/generated/components/borderless-button.js +47 -16
  21. package/generated/components/color-scheme.d.ts +7 -0
  22. package/generated/components/color-scheme.js +54 -0
  23. package/generated/components/confirmation-dialog.d.ts +9 -0
  24. package/generated/components/confirmation-dialog.js +113 -0
  25. package/generated/components/content-unavailable-view.d.ts +24 -0
  26. package/generated/components/content-unavailable-view.js +81 -0
  27. package/generated/components/date-picker.d.ts +36 -0
  28. package/generated/components/date-picker.js +461 -0
  29. package/generated/components/disclosure-group.d.ts +9 -7
  30. package/generated/components/disclosure-group.js +51 -65
  31. package/generated/components/fine-tooltip.d.ts +7 -0
  32. package/generated/components/fine-tooltip.js +107 -0
  33. package/generated/components/form-view.d.ts +9 -0
  34. package/generated/components/form-view.js +63 -0
  35. package/generated/components/glass-button.d.ts +16 -0
  36. package/generated/components/glass-button.js +53 -0
  37. package/generated/components/glass-prominent-button.d.ts +16 -0
  38. package/generated/components/glass-prominent-button.js +53 -0
  39. package/generated/components/h-stack.d.ts +16 -0
  40. package/generated/components/h-stack.js +25 -0
  41. package/generated/components/image-view.d.ts +9 -0
  42. package/generated/components/image-view.js +46 -0
  43. package/generated/components/index.d.ts +42 -10
  44. package/generated/components/index.js +42 -15
  45. package/generated/components/label-view.d.ts +14 -0
  46. package/generated/components/label-view.js +56 -0
  47. package/generated/components/labeled-content.d.ts +9 -0
  48. package/generated/components/labeled-content.js +115 -0
  49. package/generated/components/list-view.d.ts +8 -0
  50. package/generated/components/list-view.js +32 -0
  51. package/generated/components/menu-view.d.ts +12 -0
  52. package/generated/components/menu-view.js +142 -0
  53. package/generated/components/navigation-large-title.d.ts +6 -0
  54. package/generated/components/navigation-large-title.js +181 -0
  55. package/generated/components/navigation-split-view.d.ts +7 -2
  56. package/generated/components/navigation-split-view.js +19 -3
  57. package/generated/components/navigation-stack.d.ts +6 -2
  58. package/generated/components/navigation-stack.js +23 -59
  59. package/generated/components/navigation-title.d.ts +8 -0
  60. package/generated/components/navigation-title.js +50 -0
  61. package/generated/components/picker-view.d.ts +55 -0
  62. package/generated/components/picker-view.js +1023 -0
  63. package/generated/components/plain-button.d.ts +7 -0
  64. package/generated/components/plain-button.js +22 -0
  65. package/generated/components/progress-view.d.ts +13 -0
  66. package/generated/components/progress-view.js +120 -0
  67. package/generated/components/screen-view.d.ts +1 -1
  68. package/generated/components/screen-view.js +4 -2
  69. package/generated/components/scroll-view-proxy.d.ts +8 -0
  70. package/generated/components/scroll-view-proxy.js +17 -0
  71. package/generated/components/scroll-view.d.ts +4 -2
  72. package/generated/components/scroll-view.js +179 -64
  73. package/generated/components/search-view.d.ts +7 -0
  74. package/generated/components/search-view.js +30 -0
  75. package/generated/components/section-view.d.ts +9 -0
  76. package/generated/components/section-view.js +85 -0
  77. package/generated/components/sheet-view.d.ts +3 -4
  78. package/generated/components/sheet-view.js +53 -17
  79. package/generated/components/sidebar-toggle.d.ts +1 -1
  80. package/generated/components/sidebar-toggle.js +76 -72
  81. package/generated/components/sidebar-view.d.ts +2 -4
  82. package/generated/components/sidebar-view.js +25 -17
  83. package/generated/components/sticky-container.d.ts +6 -0
  84. package/generated/components/sticky-container.js +26 -0
  85. package/generated/components/tab-bar.d.ts +5 -4
  86. package/generated/components/tab-bar.js +34 -17
  87. package/generated/components/tab-item.d.ts +4 -3
  88. package/generated/components/tab-item.js +125 -29
  89. package/generated/components/tab-view.d.ts +17 -2
  90. package/generated/components/tab-view.js +252 -17
  91. package/generated/components/table-view.d.ts +12 -0
  92. package/generated/components/table-view.js +153 -0
  93. package/generated/components/text-field.d.ts +29 -0
  94. package/generated/components/text-field.js +496 -0
  95. package/generated/components/toggle-view.d.ts +28 -0
  96. package/generated/components/toggle-view.js +222 -0
  97. package/generated/components/tool-bar-item-group.d.ts +5 -0
  98. package/generated/components/tool-bar-item-group.js +28 -0
  99. package/generated/components/tool-bar-item.d.ts +8 -0
  100. package/generated/components/tool-bar-item.js +66 -0
  101. package/generated/components/tool-bar.d.ts +19 -0
  102. package/generated/components/tool-bar.js +93 -0
  103. package/generated/components/v-keyboard.d.ts +4 -0
  104. package/generated/components/v-keyboard.js +72 -70
  105. package/generated/components/v-stack.d.ts +19 -0
  106. package/generated/components/v-stack.js +28 -0
  107. package/generated/css/index.css +8966 -0
  108. package/generated/events/alert-dialog.d.ts +8 -0
  109. package/generated/events/confirmation-dialog.d.ts +9 -0
  110. package/generated/events/confirmation-dialog.js +1 -0
  111. package/generated/events/date-picker.d.ts +8 -0
  112. package/generated/events/date-picker.js +1 -0
  113. package/generated/events/index.d.ts +9 -0
  114. package/generated/events/index.js +9 -0
  115. package/generated/events/lifecycle-observer.d.ts +10 -0
  116. package/generated/events/lifecycle-observer.js +1 -0
  117. package/generated/events/picker-view.d.ts +15 -0
  118. package/generated/events/picker-view.js +1 -0
  119. package/generated/events/scroll-view.d.ts +10 -0
  120. package/generated/events/scroll-view.js +1 -0
  121. package/generated/events/tab-view.d.ts +28 -0
  122. package/generated/events/tab-view.js +1 -0
  123. package/generated/events/text-field.d.ts +8 -0
  124. package/generated/events/text-field.js +1 -0
  125. package/generated/events/toggle-view.d.ts +9 -0
  126. package/generated/events/toggle-view.js +1 -0
  127. package/generated/i18n/index.d.ts +34 -0
  128. package/generated/i18n/index.js +167 -0
  129. package/generated/i18n/locales/el.d.ts +16 -0
  130. package/generated/i18n/locales/el.js +16 -0
  131. package/generated/i18n/locales/en.d.ts +16 -0
  132. package/generated/i18n/locales/en.js +16 -0
  133. package/generated/i18n/locales/index.d.ts +4 -0
  134. package/generated/i18n/locales/index.js +4 -0
  135. package/generated/internal/class/cleanup-registry.d.ts +5 -0
  136. package/generated/internal/class/cleanup-registry.js +38 -0
  137. package/generated/internal/class/css-style-observer.d.ts +8 -0
  138. package/generated/internal/class/css-style-observer.js +26 -0
  139. package/generated/internal/class/form-associated-base.d.ts +16 -0
  140. package/generated/internal/class/form-associated-base.js +78 -0
  141. package/generated/internal/class/mutation-observer-set.d.ts +9 -0
  142. package/generated/internal/class/mutation-observer-set.js +42 -0
  143. package/generated/internal/class/mutation-observer-singleton.d.ts +10 -0
  144. package/generated/internal/class/mutation-observer-singleton.js +64 -0
  145. package/generated/internal/class/navigation-path.d.ts +15 -0
  146. package/generated/internal/class/navigation-path.js +84 -0
  147. package/generated/internal/class/navigation-view.d.ts +8 -0
  148. package/generated/internal/class/navigation-view.js +72 -0
  149. package/generated/internal/class/resize-observer-singleton.d.ts +7 -0
  150. package/generated/internal/class/resize-observer-singleton.js +22 -0
  151. package/generated/internal/decorators/adaptive-slot.d.ts +1 -0
  152. package/generated/internal/decorators/adaptive-slot.js +50 -0
  153. package/generated/internal/decorators/custom-element.d.ts +5 -0
  154. package/generated/internal/decorators/custom-element.js +5 -0
  155. package/generated/internal/decorators/index.d.ts +6 -0
  156. package/generated/internal/decorators/index.js +6 -0
  157. package/generated/internal/decorators/microtask-on-connected.d.ts +39 -0
  158. package/generated/internal/decorators/microtask-on-connected.js +67 -0
  159. package/generated/internal/privateNamespace.d.ts +14 -0
  160. package/generated/internal/privateNamespace.js +168 -0
  161. package/generated/internal/utils/add.d.ts +1 -0
  162. package/generated/internal/utils/add.js +7 -0
  163. package/generated/internal/utils/cash/ancestors.d.ts +1 -0
  164. package/generated/internal/utils/cash/ancestors.js +27 -0
  165. package/generated/internal/utils/cash/index.d.ts +23 -0
  166. package/generated/internal/utils/cash/index.js +25 -0
  167. package/generated/internal/utils/cash/next-all.d.ts +1 -0
  168. package/generated/internal/utils/cash/next-all.js +10 -0
  169. package/generated/internal/utils/cash/next.d.ts +1 -0
  170. package/generated/internal/utils/cash/next.js +9 -0
  171. package/generated/internal/utils/cash/prev-all.d.ts +1 -0
  172. package/generated/internal/utils/cash/prev-all.js +10 -0
  173. package/generated/internal/utils/cash/prev.d.ts +1 -0
  174. package/generated/internal/utils/cash/prev.js +9 -0
  175. package/generated/internal/utils/cash/prop.d.ts +18 -0
  176. package/generated/internal/utils/cash/prop.js +30 -0
  177. package/generated/internal/utils/cash/siblings.d.ts +1 -0
  178. package/generated/internal/utils/cash/siblings.js +10 -0
  179. package/generated/internal/utils/clamp.d.ts +1 -0
  180. package/generated/internal/utils/clamp.js +4 -0
  181. package/generated/internal/utils/compare-big-decimals.d.ts +1 -0
  182. package/generated/internal/utils/compare-big-decimals.js +90 -0
  183. package/generated/internal/utils/debounce.d.ts +1 -0
  184. package/generated/internal/utils/debounce.js +13 -0
  185. package/generated/internal/utils/dev-flags.d.ts +3 -0
  186. package/generated/internal/utils/dev-flags.js +5 -0
  187. package/generated/internal/utils/ensure-placeholder.d.ts +1 -0
  188. package/generated/internal/utils/ensure-placeholder.js +55 -0
  189. package/generated/internal/utils/frame.d.ts +1 -0
  190. package/generated/internal/utils/frame.js +6 -0
  191. package/generated/internal/utils/index.d.ts +21 -1
  192. package/generated/internal/utils/index.js +24 -1
  193. package/generated/internal/utils/is-inside.d.ts +1 -0
  194. package/generated/internal/utils/is-inside.js +4 -0
  195. package/generated/internal/utils/kebab-case.d.ts +1 -1
  196. package/generated/internal/utils/list-active.d.ts +7 -0
  197. package/generated/internal/utils/list-active.js +83 -0
  198. package/generated/internal/utils/microtask.d.ts +1 -0
  199. package/generated/internal/utils/microtask.js +3 -0
  200. package/generated/internal/utils/onoff.d.ts +45 -0
  201. package/generated/internal/utils/onoff.js +31 -0
  202. package/generated/internal/utils/render-label-icon.d.ts +2 -0
  203. package/generated/internal/utils/render-label-icon.js +19 -0
  204. package/generated/internal/utils/render-label-title.d.ts +2 -0
  205. package/generated/internal/utils/render-label-title.js +16 -0
  206. package/generated/internal/utils/render-label.d.ts +1 -0
  207. package/generated/internal/utils/render-label.js +19 -0
  208. package/generated/internal/utils/set.d.ts +1 -0
  209. package/generated/internal/utils/set.js +7 -0
  210. package/generated/internal/utils/sleep.d.ts +1 -0
  211. package/generated/internal/utils/sleep.js +3 -0
  212. package/generated/internal/utils/slow-hide-show.d.ts +1 -0
  213. package/generated/internal/utils/slow-hide-show.js +16 -0
  214. package/generated/internal/utils/timeout.d.ts +5 -0
  215. package/generated/internal/utils/timeout.js +16 -0
  216. package/generated/internal/utils/touch-glass.d.ts +7 -0
  217. package/generated/internal/utils/touch-glass.js +19 -0
  218. package/generated/namespace-browser/base.d.ts +45 -0
  219. package/generated/namespace-browser/base.js +115 -0
  220. package/generated/namespace-browser/index.d.ts +7 -0
  221. package/generated/namespace-browser/index.js +1 -0
  222. package/generated/snapshot/index.d.ts +4 -11
  223. package/generated/snapshot/index.js +55 -145
  224. package/generated/tpl/html.d.ts +5 -0
  225. package/generated/tpl/html.js +3 -0
  226. package/generated/tpl/index.d.ts +4 -0
  227. package/generated/tpl/index.js +4 -0
  228. package/generated/tpl/render.d.ts +2 -0
  229. package/generated/tpl/render.js +131 -0
  230. package/package.json +34 -9
  231. package/scss/_components.scss +62 -13
  232. package/scss/_final.scss +1 -0
  233. package/scss/_functions.scss +10 -0
  234. package/scss/_mixins.scss +4 -169
  235. package/scss/_placeholders.scss +3 -0
  236. package/scss/_transitions.scss +22 -1
  237. package/scss/_utils.scss +9 -0
  238. package/scss/_vars.scss +144 -23
  239. package/scss/base/_layout.scss +40 -16
  240. package/scss/base/_reboot.scss +151 -15
  241. package/scss/base/_root.scss +358 -25
  242. package/scss/colors/_index.scss +843 -70
  243. package/scss/components/_alert-dialog.scss +111 -0
  244. package/scss/components/_body-view.scss +12 -3
  245. package/scss/components/_bordered-button.scss +57 -0
  246. package/scss/components/_bordered-prominent-button.scss +64 -0
  247. package/scss/components/_borderless-button.scss +36 -6
  248. package/scss/components/_confirmation-dialog.scss +102 -0
  249. package/scss/components/_content-unavailable-view.scss +54 -0
  250. package/scss/components/_date-picker.scss +30 -0
  251. package/scss/components/_detail-placeholder.scss +153 -0
  252. package/scss/components/_disclosure-group.scss +147 -48
  253. package/scss/components/_fine-tooltip.scss +84 -0
  254. package/scss/components/_form-view.scss +233 -0
  255. package/scss/components/_full-screen.scss +7 -5
  256. package/scss/components/_glass-button.scss +59 -0
  257. package/scss/components/_glass-prominent-button.scss +70 -0
  258. package/scss/components/_h-divider.scss +13 -0
  259. package/scss/components/_h-flex-stack.scss +23 -0
  260. package/scss/components/_h-stack.scss +45 -0
  261. package/scss/components/_image-view.scss +9 -0
  262. package/scss/components/_index.scss +243 -7
  263. package/scss/components/_label-view copy.scss.txt +420 -0
  264. package/scss/components/_label-view.scss +372 -0
  265. package/scss/components/_label-view.scss.txt +536 -0
  266. package/scss/components/_labeled-content.scss +67 -0
  267. package/scss/components/_list-view.scss +269 -0
  268. package/scss/components/_menu-view.scss +223 -0
  269. package/scss/components/_navigation-large-title.scss +27 -0
  270. package/scss/components/_navigation-split-view.scss +329 -269
  271. package/scss/components/_navigation-stack.scss +6 -6
  272. package/scss/components/_navigation-title.scss +10 -0
  273. package/scss/components/_picker-view.scss +322 -0
  274. package/scss/components/_plain-button.scss +18 -0
  275. package/scss/components/_progress-view.scss +98 -0
  276. package/scss/components/_scroll-view-proxy.scss +81 -0
  277. package/scss/components/_scroll-view-toolbars.scss +126 -0
  278. package/scss/components/_scroll-view.scss +114 -66
  279. package/scss/components/_search-view.scss +22 -0
  280. package/scss/components/_section-view.scss +120 -0
  281. package/scss/components/_sheet-view.scss +78 -35
  282. package/scss/components/_sidebar-toggle.scss +87 -27
  283. package/scss/components/_sidebar-view.scss +30 -40
  284. package/scss/components/_sticky-container.scss +42 -0
  285. package/scss/components/_tab-bar.scss +215 -84
  286. package/scss/components/_tab-item.scss +25 -0
  287. package/scss/components/_tab-view.scss +270 -126
  288. package/scss/components/_table-column.scss +54 -0
  289. package/scss/components/_table-row.scss +240 -0
  290. package/scss/components/_table-view.scss +231 -0
  291. package/scss/components/_text-field.scss +57 -0
  292. package/scss/components/_toggle-view.scss +79 -0
  293. package/scss/components/_tool-bar-item-group.scss +30 -19
  294. package/scss/components/_tool-bar-item.scss +81 -71
  295. package/scss/components/_tool-bar.scss +123 -60
  296. package/scss/components/_v-divider.scss +13 -0
  297. package/scss/components/_v-flex-stack.scss +29 -0
  298. package/scss/components/_v-keyboard.scss +6 -4
  299. package/scss/components/_v-stack.scss +15 -9
  300. package/scss/final/_touch-glass.scss +91 -0
  301. package/scss/index.scss +6 -2
  302. package/scss/mixins/_button.scss +44 -0
  303. package/scss/mixins/_color.scss +16 -0
  304. package/scss/mixins/_dialog.scss +89 -0
  305. package/scss/mixins/_index.scss +461 -0
  306. package/scss/placeholders/_buttons.scss +117 -0
  307. package/scss/placeholders/_lists.scss +596 -0
  308. package/scss/transitions/_alert-dialog.scss +18 -0
  309. package/scss/transitions/_bwd.navbar.scss +3 -13
  310. package/scss/transitions/_bwd.scss +4 -20
  311. package/scss/transitions/_confirmation-dialog.scss +27 -0
  312. package/scss/transitions/_disclosure-group.scss +35 -0
  313. package/scss/transitions/_fine-tooltip.scss +21 -0
  314. package/scss/transitions/_fwd.navbar.scss +4 -9
  315. package/scss/transitions/_fwd.scss +4 -34
  316. package/scss/transitions/_glass-button.scss +12 -0
  317. package/scss/transitions/_glass-prominent-button.scss +12 -0
  318. package/scss/transitions/_index.scss +35 -143
  319. package/scss/transitions/_menu-view.scss +28 -0
  320. package/scss/transitions/_navigation-split-view.scss +23 -0
  321. package/scss/transitions/_progress-view.scss +23 -0
  322. package/scss/transitions/_sheet-view.scss +30 -0
  323. package/scss/transitions/_sidebar-view.scss +36 -0
  324. package/scss/transitions/_tab-bar.scss +20 -0
  325. package/scss/utils/_frame.scss +91 -0
  326. package/scss/utils/_index.scss +83 -0
  327. package/scss/utils/_scroll-view.scss +14 -0
  328. package/scss/utils/_spacing.scss +25 -0
  329. package/scss/utils/_stacks.scss +225 -0
  330. package/web-components.html-data/en.json +950 -0
  331. package/generated/components/bottom-bar.d.ts +0 -10
  332. package/generated/components/bottom-bar.js +0 -73
  333. package/generated/components/navigation-bar.d.ts +0 -10
  334. package/generated/components/navigation-bar.js +0 -80
  335. package/generated/internal/class.d.ts +0 -18
  336. package/generated/internal/class.js +0 -18
  337. package/generated/namespace/index.d.ts +0 -6
  338. package/generated/styles.css +0 -1305
  339. package/scss/_dev.scss +0 -68
  340. package/scss/components/_tab-bar-stack.scss +0 -101
  341. package/scss/components/_toolbars.scss +0 -100
  342. package/scss/transitions/_dialog.scss +0 -32
  343. /package/generated/{namespace/index.js → events/alert-dialog.js} +0 -0
@@ -0,0 +1,950 @@
1
+ {
2
+ "version": 1.1,
3
+ "tags": [
4
+ {
5
+ "name": "alert-dialog"
6
+ },
7
+ {
8
+ "name": "body-view"
9
+ },
10
+ {
11
+ "name": "bordered-button",
12
+ "description": "A button that applies standard border artwork based on the button’s context.",
13
+ "attributes": [
14
+ {
15
+ "name": "role",
16
+ "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
17
+ "values": []
18
+ },
19
+ {
20
+ "name": "title-key"
21
+ }
22
+ ]
23
+ },
24
+ {
25
+ "name": "bordered-prominent-button",
26
+ "description": "A button that applies standard border prominent artwork based on the button’s context.",
27
+ "attributes": [
28
+ {
29
+ "name": "role",
30
+ "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
31
+ "values": []
32
+ },
33
+ {
34
+ "name": "title-key"
35
+ }
36
+ ]
37
+ },
38
+ {
39
+ "name": "borderless-button",
40
+ "description": "A button that doesn’t apply a border.",
41
+ "attributes": [
42
+ {
43
+ "name": "role",
44
+ "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
45
+ "values": []
46
+ },
47
+ {
48
+ "name": "title-key"
49
+ }
50
+ ]
51
+ },
52
+ {
53
+ "name": "color-scheme",
54
+ "attributes": [
55
+ {
56
+ "name": "dark"
57
+ }
58
+ ]
59
+ },
60
+ {
61
+ "name": "confirmation-dialog",
62
+ "attributes": [
63
+ {
64
+ "name": "anchor"
65
+ }
66
+ ]
67
+ },
68
+ {
69
+ "name": "content-unavailable-view",
70
+ "description": "A message with a title and extra information that you show when part of your app can’t be used.",
71
+ "attributes": [
72
+ {
73
+ "name": "search"
74
+ }
75
+ ]
76
+ },
77
+ {
78
+ "name": "date-picker",
79
+ "attributes": [
80
+ {
81
+ "name": "date-picker-style",
82
+ "description": "Value Type: “graphical” | “field” | “automatic”\nDescription: The style of this element",
83
+ "values": [
84
+ {
85
+ "name": "graphical"
86
+ },
87
+ {
88
+ "name": "field"
89
+ },
90
+ {
91
+ "name": "automatic"
92
+ }
93
+ ]
94
+ },
95
+ {
96
+ "name": "required"
97
+ },
98
+ {
99
+ "name": "prompt"
100
+ },
101
+ {
102
+ "name": "label"
103
+ },
104
+ {
105
+ "name": "name"
106
+ },
107
+ {
108
+ "name": "selection"
109
+ },
110
+ {
111
+ "name": "disabled"
112
+ },
113
+ {
114
+ "name": "minimum"
115
+ },
116
+ {
117
+ "name": "maximum"
118
+ }
119
+ ]
120
+ },
121
+ {
122
+ "name": "disclosure-group",
123
+ "description": "A view that shows or hides another content view, based on the state of a disclosure control.",
124
+ "attributes": [
125
+ {
126
+ "name": "open",
127
+ "description": "Description: The status of this element"
128
+ }
129
+ ]
130
+ },
131
+ {
132
+ "name": "fine-tooltip"
133
+ },
134
+ {
135
+ "name": "form-view",
136
+ "description": "",
137
+ "attributes": [
138
+ {
139
+ "name": "navigation-link-indicator-visibility - Hides accessories like right-arrow",
140
+ "description": "Value Type: “hidden”\n\nDescription: chevron on NavigationLink buttons inside.",
141
+ "values": [
142
+ {
143
+ "name": "hidden"
144
+ }
145
+ ]
146
+ }
147
+ ]
148
+ },
149
+ {
150
+ "name": "glass-button",
151
+ "description": "A button that applies glass border artwork based on the button’s context.",
152
+ "attributes": [
153
+ {
154
+ "name": "role",
155
+ "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
156
+ "values": []
157
+ },
158
+ {
159
+ "name": "title-key"
160
+ }
161
+ ]
162
+ },
163
+ {
164
+ "name": "glass-prominent-button",
165
+ "description": "A button that applies prominent glass border artwork based on the button’s context.",
166
+ "attributes": [
167
+ {
168
+ "name": "role",
169
+ "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
170
+ "values": []
171
+ },
172
+ {
173
+ "name": "title-key"
174
+ }
175
+ ]
176
+ },
177
+ {
178
+ "name": "hstack",
179
+ "description": "",
180
+ "attributes": [
181
+ {
182
+ "name": "spacing",
183
+ "description": "\nDescription: The gap between the primary axis",
184
+ "valueSet": "spacingSet"
185
+ },
186
+ {
187
+ "name": "frame:alignment - The alignment of the stack on the cross",
188
+ "description": "Value Type: “leading” | “center” | “trailing”\n\nDescription: axis",
189
+ "values": [
190
+ {
191
+ "name": "leading"
192
+ },
193
+ {
194
+ "name": "center"
195
+ },
196
+ {
197
+ "name": "trailing"
198
+ }
199
+ ]
200
+ },
201
+ {
202
+ "name": "alignment - The cross",
203
+ "description": "\nDescription: axis alignment",
204
+ "valueSet": "alignmentSet"
205
+ },
206
+ {
207
+ "name": "distribution - The main",
208
+ "description": "\nDescription: axis alignment",
209
+ "valueSet": "distributionSet"
210
+ },
211
+ {
212
+ "name": "placement - The main",
213
+ "description": "\nDescription: axis alignment",
214
+ "valueSet": "placementSet"
215
+ }
216
+ ]
217
+ },
218
+ {
219
+ "name": "image-view",
220
+ "attributes": [
221
+ {
222
+ "name": "system-name"
223
+ }
224
+ ]
225
+ },
226
+ {
227
+ "name": "label-view",
228
+ "description": "",
229
+ "attributes": [
230
+ {
231
+ "name": "font",
232
+ "description": "\nDescription: Sets the default font for text in this view.",
233
+ "valueSet": "fontSet"
234
+ },
235
+ {
236
+ "name": "system-image"
237
+ },
238
+ {
239
+ "name": "title"
240
+ },
241
+ {
242
+ "name": "line-limit"
243
+ },
244
+ {
245
+ "name": "truncation-mode"
246
+ }
247
+ ]
248
+ },
249
+ {
250
+ "name": "labeled-content",
251
+ "attributes": [
252
+ {
253
+ "name": "value"
254
+ },
255
+ {
256
+ "name": "label"
257
+ },
258
+ {
259
+ "name": "header"
260
+ },
261
+ {
262
+ "name": "footer"
263
+ },
264
+ {
265
+ "name": "labeled-content-style"
266
+ },
267
+ {
268
+ "name": "format"
269
+ }
270
+ ]
271
+ },
272
+ {
273
+ "name": "list-view",
274
+ "description": "",
275
+ "attributes": [
276
+ {
277
+ "name": "navigation-link-indicator-visibility - Hides accessories like right-arrow",
278
+ "description": "Value Type: “hidden”\n\nDescription: chevron on NavigationLink buttons inside.",
279
+ "values": [
280
+ {
281
+ "name": "hidden"
282
+ }
283
+ ]
284
+ }
285
+ ]
286
+ },
287
+ {
288
+ "name": "menu-view",
289
+ "description": "A control for presenting a menu of actions.",
290
+ "attributes": [
291
+ {
292
+ "name": "open"
293
+ },
294
+ {
295
+ "name": "closing"
296
+ },
297
+ {
298
+ "name": "label"
299
+ }
300
+ ]
301
+ },
302
+ {
303
+ "name": "navigation-large-title"
304
+ },
305
+ {
306
+ "name": "navigation-split-view",
307
+ "description": "A view with two or three side-by-side sections, where what you choose in the left section changes what appears in the next section."
308
+ },
309
+ {
310
+ "name": "navigation-stack",
311
+ "description": "A view that shows a main screen and lets you open other screens on top of it."
312
+ },
313
+ {
314
+ "name": "navigation-title",
315
+ "attributes": [
316
+ {
317
+ "name": "value"
318
+ },
319
+ {
320
+ "name": "subtitle"
321
+ }
322
+ ]
323
+ },
324
+ {
325
+ "name": "picker-view",
326
+ "description": "",
327
+ "attributes": [
328
+ {
329
+ "name": "picker",
330
+ "description": "Value Type: “menu” | “inline” | “navigation-link” | “sheet” | “automatic”\n\nDescription: style",
331
+ "values": [
332
+ {
333
+ "name": "menu"
334
+ },
335
+ {
336
+ "name": "inline"
337
+ },
338
+ {
339
+ "name": "navigation-link"
340
+ },
341
+ {
342
+ "name": "sheet"
343
+ },
344
+ {
345
+ "name": "automatic"
346
+ }
347
+ ]
348
+ },
349
+ {
350
+ "name": "help",
351
+ "description": "Value Type: “string”\n\nDescription: Adds a help tooltip to the trigger of the picker, if style supports one",
352
+ "values": [
353
+ {
354
+ "name": "string"
355
+ }
356
+ ]
357
+ },
358
+ {
359
+ "name": "dictionary",
360
+ "description": "Value Type: “DictEntry[]”\n\nDescription: Renders all options using this array",
361
+ "values": [
362
+ {
363
+ "name": "DictEntry[]"
364
+ }
365
+ ]
366
+ },
367
+ {
368
+ "name": "label-value",
369
+ "description": "Value Type: “vertical” | “horizontal” | “auto”\n\nDescription: placement",
370
+ "values": [
371
+ {
372
+ "name": "vertical"
373
+ },
374
+ {
375
+ "name": "horizontal"
376
+ },
377
+ {
378
+ "name": "auto"
379
+ }
380
+ ]
381
+ }
382
+ ]
383
+ },
384
+ {
385
+ "name": "plain-button"
386
+ },
387
+ {
388
+ "name": "progress-view",
389
+ "description": "A view that shows the progress toward completion of a task.",
390
+ "attributes": [
391
+ {
392
+ "name": "label"
393
+ },
394
+ {
395
+ "name": "current-value-label"
396
+ },
397
+ {
398
+ "name": "value"
399
+ }
400
+ ]
401
+ },
402
+ {
403
+ "name": "screen-view"
404
+ },
405
+ {
406
+ "name": "scroll-view-proxy",
407
+ "description": "A wrapper to {hv}-stacks"
408
+ },
409
+ {
410
+ "name": "scroll-view",
411
+ "attributes": [
412
+ {
413
+ "name": "navigation-title"
414
+ },
415
+ {
416
+ "name": "navigation-inline-title"
417
+ },
418
+ {
419
+ "name": "navigation-inline-subtitle"
420
+ },
421
+ {
422
+ "name": "navigation-bar-title-display-mode"
423
+ }
424
+ ]
425
+ },
426
+ {
427
+ "name": "search-view"
428
+ },
429
+ {
430
+ "name": "section-view",
431
+ "attributes": [
432
+ {
433
+ "name": "header"
434
+ },
435
+ {
436
+ "name": "footer"
437
+ }
438
+ ]
439
+ },
440
+ {
441
+ "name": "sheet-view"
442
+ },
443
+ {
444
+ "name": "sidebar-toggle"
445
+ },
446
+ {
447
+ "name": "sidebar-view"
448
+ },
449
+ {
450
+ "name": "sticky-container"
451
+ },
452
+ {
453
+ "name": "tab-bar",
454
+ "description": "A screen that lets users switch between different views using buttons, tabs, or other controls."
455
+ },
456
+ {
457
+ "name": "tab-item"
458
+ },
459
+ {
460
+ "name": "tab-view",
461
+ "description": ""
462
+ },
463
+ {
464
+ "name": "table-view",
465
+ "description": "Display selectable, sortable data arranged in rows and columns.",
466
+ "attributes": [
467
+ {
468
+ "name": "preferred-compact-template",
469
+ "description": "Value Type: “title:trailing:subtitle” | “trailing:title:subtitle” | “title:subtitle:trailing” | “*”\n\nDescription: Sets the template areas when the table is in compact mode",
470
+ "values": [
471
+ {
472
+ "name": "title:trailing:subtitle"
473
+ },
474
+ {
475
+ "name": "trailing:title:subtitle"
476
+ },
477
+ {
478
+ "name": "title:subtitle:trailing"
479
+ },
480
+ {
481
+ "name": "*"
482
+ }
483
+ ]
484
+ }
485
+ ]
486
+ },
487
+ {
488
+ "name": "text-field",
489
+ "description": "",
490
+ "attributes": [
491
+ {
492
+ "name": "prompt"
493
+ },
494
+ {
495
+ "name": "minimum"
496
+ },
497
+ {
498
+ "name": "maximum"
499
+ },
500
+ {
501
+ "name": "min-length"
502
+ },
503
+ {
504
+ "name": "max-length"
505
+ },
506
+ {
507
+ "name": "label"
508
+ },
509
+ {
510
+ "name": "name"
511
+ },
512
+ {
513
+ "name": "text"
514
+ },
515
+ {
516
+ "name": "text-input-autocapitalization"
517
+ },
518
+ {
519
+ "name": "disable-autocorrection"
520
+ },
521
+ {
522
+ "name": "keyboard-type"
523
+ },
524
+ {
525
+ "name": "required"
526
+ },
527
+ {
528
+ "name": "disabled"
529
+ }
530
+ ]
531
+ },
532
+ {
533
+ "name": "toggle-view",
534
+ "description": "",
535
+ "attributes": [
536
+ {
537
+ "name": "label"
538
+ },
539
+ {
540
+ "name": "name"
541
+ },
542
+ {
543
+ "name": "value"
544
+ },
545
+ {
546
+ "name": "is-on"
547
+ },
548
+ {
549
+ "name": "keyboard-type"
550
+ },
551
+ {
552
+ "name": "required"
553
+ },
554
+ {
555
+ "name": "disabled"
556
+ }
557
+ ]
558
+ },
559
+ {
560
+ "name": "tool-bar-item-group"
561
+ },
562
+ {
563
+ "name": "tool-bar-item",
564
+ "attributes": [
565
+ {
566
+ "name": "slot"
567
+ },
568
+ {
569
+ "name": "data-previous-slot"
570
+ },
571
+ {
572
+ "name": "title-key"
573
+ }
574
+ ]
575
+ },
576
+ {
577
+ "name": "tool-bar",
578
+ "description": ""
579
+ },
580
+ {
581
+ "name": "vkeyboard",
582
+ "description": "Required component, used to handle the virtual keyboard on touch devices.",
583
+ "attributes": [
584
+ {
585
+ "name": "system-font",
586
+ "description": "Value Type: “Inter”\n\nDescription: Prefers the \"Inter\" font family, if loaded.",
587
+ "values": [
588
+ {
589
+ "name": "Inter"
590
+ }
591
+ ]
592
+ }
593
+ ]
594
+ },
595
+ {
596
+ "name": "vstack",
597
+ "description": "",
598
+ "attributes": [
599
+ {
600
+ "name": "distribution",
601
+ "description": "Value Type: “leading” | “leading fill” | “center” | “trailing” | “fill” | “space-between”\n\nDescription: The distribution of cols",
602
+ "values": [
603
+ {
604
+ "name": "leading"
605
+ },
606
+ {
607
+ "name": "leading fill"
608
+ },
609
+ {
610
+ "name": "center"
611
+ },
612
+ {
613
+ "name": "trailing"
614
+ },
615
+ {
616
+ "name": "fill"
617
+ },
618
+ {
619
+ "name": "space-between"
620
+ }
621
+ ]
622
+ },
623
+ {
624
+ "name": "template",
625
+ "description": "Value Type: “auto spacer” | “auto auto spacer” | “auto auto auto spacer”",
626
+ "values": [
627
+ {
628
+ "name": "auto spacer"
629
+ },
630
+ {
631
+ "name": "auto auto spacer"
632
+ },
633
+ {
634
+ "name": "auto auto auto spacer"
635
+ }
636
+ ]
637
+ },
638
+ {
639
+ "name": "frame:alignment - The alignment of the stack on the cross",
640
+ "description": "Value Type: “leading” | “center” | “trailing”\n\nDescription: axis",
641
+ "values": [
642
+ {
643
+ "name": "leading"
644
+ },
645
+ {
646
+ "name": "center"
647
+ },
648
+ {
649
+ "name": "trailing"
650
+ }
651
+ ]
652
+ },
653
+ {
654
+ "name": "spacing",
655
+ "description": "\nDescription: The gap between the primary axis",
656
+ "valueSet": "spacingSet"
657
+ },
658
+ {
659
+ "name": "alignment - The cross",
660
+ "description": "\nDescription: axis alignment",
661
+ "valueSet": "alignmentSet"
662
+ },
663
+ {
664
+ "name": "distribution - The main",
665
+ "description": "\nDescription: axis alignment",
666
+ "valueSet": "distributionSet"
667
+ },
668
+ {
669
+ "name": "placement - The main",
670
+ "description": "\nDescription: axis alignment",
671
+ "valueSet": "placementSet"
672
+ }
673
+ ]
674
+ }
675
+ ],
676
+ "globalAttributes": [
677
+ {
678
+ "name": "tint",
679
+ "description": "Sets accent color",
680
+ "valueSet": "tintSet"
681
+ },
682
+ {
683
+ "name": "list-item-tint",
684
+ "description": "Sets accent color on list items",
685
+ "valueSet": "tintSet"
686
+ },
687
+ {
688
+ "name": "foreground",
689
+ "description": "Sets foreground color",
690
+ "valueSet": "foregroundSet"
691
+ },
692
+ {
693
+ "name": "frame:width",
694
+ "description": "Sets inline-size",
695
+ "valueSet": "frameWidth"
696
+ },
697
+ {
698
+ "name": "frame:max-width",
699
+ "description": "Sets max-inline-size",
700
+ "valueSet": "frameMaxWidth"
701
+ }
702
+ ],
703
+ "valueSets": [
704
+ {
705
+ "name": "fontSet",
706
+ "values": [
707
+ {
708
+ "name": "footnote",
709
+ "description": "A font with the footnote text style"
710
+ },
711
+ {
712
+ "name": "caption2",
713
+ "description": "Create a font with the alternate caption text style"
714
+ },
715
+ {
716
+ "name": "caption",
717
+ "description": "A font with the caption text style"
718
+ },
719
+ {
720
+ "name": "callout",
721
+ "description": "A font with the callout text style"
722
+ },
723
+ {
724
+ "name": "body",
725
+ "description": "A font with the body text style"
726
+ },
727
+ {
728
+ "name": "subheadline",
729
+ "description": "A font with the subheadline text style"
730
+ },
731
+ {
732
+ "name": "headline",
733
+ "description": "A font with the headline text style"
734
+ },
735
+ {
736
+ "name": "title3",
737
+ "description": "Create a font for third level hierarchical headings"
738
+ },
739
+ {
740
+ "name": "title2",
741
+ "description": "Create a font for second level hierarchical headings"
742
+ },
743
+ {
744
+ "name": "title",
745
+ "description": "A font with the title text style"
746
+ },
747
+ {
748
+ "name": "large-title",
749
+ "description": "A font with the large title text style"
750
+ },
751
+ {
752
+ "name": "extra-large-title",
753
+ "description": "Create a font with the extra large title text style"
754
+ }
755
+ ]
756
+ },
757
+ {
758
+ "name": "spacingSet",
759
+ "values": [
760
+ {
761
+ "name": "0",
762
+ "description": "0rem"
763
+ },
764
+ {
765
+ "name": "1",
766
+ "description": "0.1rem"
767
+ },
768
+ {
769
+ "name": "2",
770
+ "description": "0.2rem"
771
+ },
772
+ {
773
+ "name": "3",
774
+ "description": "0.3rem"
775
+ },
776
+ {
777
+ "name": "4",
778
+ "description": "0.4rem"
779
+ }
780
+ ]
781
+ },
782
+ {
783
+ "name": "tintSet",
784
+ "values": [
785
+ {
786
+ "name": "gray",
787
+ "description": "like secondary, like disabled"
788
+ },
789
+ {
790
+ "name": "red",
791
+ "description": "system red color"
792
+ },
793
+ {
794
+ "name": "blue",
795
+ "description": "system blue color"
796
+ },
797
+ {
798
+ "name": "green",
799
+ "description": "system green color"
800
+ },
801
+ {
802
+ "name": "orange",
803
+ "description": "system orange color"
804
+ },
805
+ {
806
+ "name": "purple",
807
+ "description": "system purple color"
808
+ }
809
+ ]
810
+ },
811
+ {
812
+ "name": "foregroundSet",
813
+ "values": [
814
+ {
815
+ "name": "secondary",
816
+ "description": "system secondary color"
817
+ },
818
+ {
819
+ "name": "blue",
820
+ "description": "system blue color"
821
+ },
822
+ {
823
+ "name": "blue.secondary",
824
+ "description": "system secondary blue color"
825
+ },
826
+ {
827
+ "name": "gray",
828
+ "description": "system gray color"
829
+ },
830
+ {
831
+ "name": "red",
832
+ "description": "system red color"
833
+ },
834
+ {
835
+ "name": "green",
836
+ "description": "system green color"
837
+ },
838
+ {
839
+ "name": "orange",
840
+ "description": "system orange color"
841
+ },
842
+ {
843
+ "name": "purple",
844
+ "description": "system purple color"
845
+ }
846
+ ]
847
+ },
848
+ {
849
+ "name": "alignmentSet",
850
+ "values": [
851
+ {
852
+ "name": "leading",
853
+ "description": "start cross-axis alignment"
854
+ },
855
+ {
856
+ "name": "center",
857
+ "description": "center cross-axis alignment"
858
+ },
859
+ {
860
+ "name": "trailing",
861
+ "description": "end cross-axis alignment"
862
+ },
863
+ {
864
+ "name": "fill",
865
+ "description": "stretch cross-axis alignment"
866
+ }
867
+ ]
868
+ },
869
+ {
870
+ "name": "distributionSet",
871
+ "values": [
872
+ {
873
+ "name": "leading",
874
+ "description": "start cross-axis distribution"
875
+ },
876
+ {
877
+ "name": "center",
878
+ "description": "center cross-axis distribution"
879
+ },
880
+ {
881
+ "name": "trailing",
882
+ "description": "end cross-axis distribution"
883
+ },
884
+ {
885
+ "name": "fill",
886
+ "description": "stretch cross-axis distribution"
887
+ }
888
+ ]
889
+ },
890
+ {
891
+ "name": "placementSet",
892
+ "values": [
893
+ {
894
+ "name": "fill",
895
+ "description": "short cut for `distribution=\"fill\" alignment=\"fill\"`"
896
+ },
897
+ {
898
+ "name": "leading fill",
899
+ "description": "short cut for `distribution=\"leading\" alignment=\"fill\"`"
900
+ },
901
+ {
902
+ "name": "fill leading",
903
+ "description": "short cut for `distribution=\"fill\" alignment=\"leading\"`"
904
+ }
905
+ ]
906
+ },
907
+ {
908
+ "name": "frameWidth",
909
+ "values": [
910
+ {
911
+ "name": "infinity",
912
+ "description": "100%"
913
+ },
914
+ {
915
+ "name": "0",
916
+ "description": "0rem"
917
+ },
918
+ {
919
+ "name": "1",
920
+ "description": "1rem"
921
+ },
922
+ {
923
+ "name": "2",
924
+ "description": "2rem"
925
+ }
926
+ ]
927
+ },
928
+ {
929
+ "name": "frameMaxWidth",
930
+ "values": [
931
+ {
932
+ "name": "infinity",
933
+ "description": "100%"
934
+ },
935
+ {
936
+ "name": "0",
937
+ "description": "0rem"
938
+ },
939
+ {
940
+ "name": "1",
941
+ "description": "1rem"
942
+ },
943
+ {
944
+ "name": "2",
945
+ "description": "2rem"
946
+ }
947
+ ]
948
+ }
949
+ ]
950
+ }