@swiftwc/ui 0.0.0-dev.6 → 0.0.0-dev.61

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 (332) 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 +22 -4
  11. package/generated/client/index.js +219 -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 +10 -0
  40. package/generated/components/h-stack.js +19 -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 +41 -10
  44. package/generated/components/index.js +41 -15
  45. package/generated/components/label-view.d.ts +9 -0
  46. package/generated/components/label-view.js +51 -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 +44 -0
  62. package/generated/components/picker-view.js +1009 -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/tool-bar-item-group.d.ts +5 -0
  96. package/generated/components/tool-bar-item-group.js +28 -0
  97. package/generated/components/tool-bar-item.d.ts +8 -0
  98. package/generated/components/tool-bar-item.js +66 -0
  99. package/generated/components/tool-bar.d.ts +19 -0
  100. package/generated/components/tool-bar.js +93 -0
  101. package/generated/components/v-keyboard.d.ts +4 -0
  102. package/generated/components/v-keyboard.js +72 -70
  103. package/generated/components/v-stack.d.ts +13 -0
  104. package/generated/components/v-stack.js +22 -0
  105. package/generated/css/index.css +8847 -0
  106. package/generated/events/alert-dialog.d.ts +8 -0
  107. package/generated/events/confirmation-dialog.d.ts +9 -0
  108. package/generated/events/confirmation-dialog.js +1 -0
  109. package/generated/events/date-picker.d.ts +8 -0
  110. package/generated/events/date-picker.js +1 -0
  111. package/generated/events/index.d.ts +8 -0
  112. package/generated/events/index.js +8 -0
  113. package/generated/events/lifecycle-observer.d.ts +10 -0
  114. package/generated/events/lifecycle-observer.js +1 -0
  115. package/generated/events/picker-view.d.ts +15 -0
  116. package/generated/events/picker-view.js +1 -0
  117. package/generated/events/scroll-view.d.ts +10 -0
  118. package/generated/events/scroll-view.js +1 -0
  119. package/generated/events/tab-view.d.ts +28 -0
  120. package/generated/events/tab-view.js +1 -0
  121. package/generated/events/text-field.d.ts +8 -0
  122. package/generated/events/text-field.js +1 -0
  123. package/generated/i18n/index.d.ts +34 -0
  124. package/generated/i18n/index.js +167 -0
  125. package/generated/i18n/locales/el.d.ts +16 -0
  126. package/generated/i18n/locales/el.js +16 -0
  127. package/generated/i18n/locales/en.d.ts +16 -0
  128. package/generated/i18n/locales/en.js +16 -0
  129. package/generated/i18n/locales/index.d.ts +4 -0
  130. package/generated/i18n/locales/index.js +4 -0
  131. package/generated/internal/class/cleanup-registry.d.ts +5 -0
  132. package/generated/internal/class/cleanup-registry.js +38 -0
  133. package/generated/internal/class/css-style-observer.d.ts +8 -0
  134. package/generated/internal/class/css-style-observer.js +26 -0
  135. package/generated/internal/class/form-associated-base.d.ts +16 -0
  136. package/generated/internal/class/form-associated-base.js +78 -0
  137. package/generated/internal/class/mutation-observer-set.d.ts +9 -0
  138. package/generated/internal/class/mutation-observer-set.js +42 -0
  139. package/generated/internal/class/mutation-observer-singleton.d.ts +10 -0
  140. package/generated/internal/class/mutation-observer-singleton.js +64 -0
  141. package/generated/internal/class/navigation-path.d.ts +15 -0
  142. package/generated/internal/class/navigation-path.js +84 -0
  143. package/generated/internal/class/navigation-view.d.ts +8 -0
  144. package/generated/internal/class/navigation-view.js +72 -0
  145. package/generated/internal/class/resize-observer-singleton.d.ts +7 -0
  146. package/generated/internal/class/resize-observer-singleton.js +22 -0
  147. package/generated/internal/decorators/adaptive-slot.d.ts +1 -0
  148. package/generated/internal/decorators/adaptive-slot.js +50 -0
  149. package/generated/internal/decorators/custom-element.d.ts +5 -0
  150. package/generated/internal/decorators/custom-element.js +5 -0
  151. package/generated/internal/decorators/index.d.ts +6 -0
  152. package/generated/internal/decorators/index.js +6 -0
  153. package/generated/internal/decorators/microtask-on-connected.d.ts +39 -0
  154. package/generated/internal/decorators/microtask-on-connected.js +67 -0
  155. package/generated/internal/privateNamespace.d.ts +14 -0
  156. package/generated/internal/privateNamespace.js +168 -0
  157. package/generated/internal/utils/add.d.ts +1 -0
  158. package/generated/internal/utils/add.js +7 -0
  159. package/generated/internal/utils/cash/ancestors.d.ts +1 -0
  160. package/generated/internal/utils/cash/ancestors.js +27 -0
  161. package/generated/internal/utils/cash/index.d.ts +23 -0
  162. package/generated/internal/utils/cash/index.js +25 -0
  163. package/generated/internal/utils/cash/next-all.d.ts +1 -0
  164. package/generated/internal/utils/cash/next-all.js +10 -0
  165. package/generated/internal/utils/cash/next.d.ts +1 -0
  166. package/generated/internal/utils/cash/next.js +9 -0
  167. package/generated/internal/utils/cash/prev-all.d.ts +1 -0
  168. package/generated/internal/utils/cash/prev-all.js +10 -0
  169. package/generated/internal/utils/cash/prev.d.ts +1 -0
  170. package/generated/internal/utils/cash/prev.js +9 -0
  171. package/generated/internal/utils/cash/prop.d.ts +18 -0
  172. package/generated/internal/utils/cash/prop.js +30 -0
  173. package/generated/internal/utils/cash/siblings.d.ts +1 -0
  174. package/generated/internal/utils/cash/siblings.js +10 -0
  175. package/generated/internal/utils/clamp.d.ts +1 -0
  176. package/generated/internal/utils/clamp.js +4 -0
  177. package/generated/internal/utils/compare-big-decimals.d.ts +1 -0
  178. package/generated/internal/utils/compare-big-decimals.js +90 -0
  179. package/generated/internal/utils/debounce.d.ts +1 -0
  180. package/generated/internal/utils/debounce.js +13 -0
  181. package/generated/internal/utils/dev-flags.d.ts +3 -0
  182. package/generated/internal/utils/dev-flags.js +5 -0
  183. package/generated/internal/utils/ensure-placeholder.d.ts +1 -0
  184. package/generated/internal/utils/ensure-placeholder.js +55 -0
  185. package/generated/internal/utils/frame.d.ts +1 -0
  186. package/generated/internal/utils/frame.js +6 -0
  187. package/generated/internal/utils/index.d.ts +21 -1
  188. package/generated/internal/utils/index.js +24 -1
  189. package/generated/internal/utils/is-inside.d.ts +1 -0
  190. package/generated/internal/utils/is-inside.js +4 -0
  191. package/generated/internal/utils/kebab-case.d.ts +1 -1
  192. package/generated/internal/utils/list-active.d.ts +7 -0
  193. package/generated/internal/utils/list-active.js +83 -0
  194. package/generated/internal/utils/microtask.d.ts +1 -0
  195. package/generated/internal/utils/microtask.js +3 -0
  196. package/generated/internal/utils/onoff.d.ts +45 -0
  197. package/generated/internal/utils/onoff.js +31 -0
  198. package/generated/internal/utils/render-label-icon.d.ts +2 -0
  199. package/generated/internal/utils/render-label-icon.js +19 -0
  200. package/generated/internal/utils/render-label-title.d.ts +2 -0
  201. package/generated/internal/utils/render-label-title.js +16 -0
  202. package/generated/internal/utils/render-label.d.ts +1 -0
  203. package/generated/internal/utils/render-label.js +19 -0
  204. package/generated/internal/utils/set.d.ts +1 -0
  205. package/generated/internal/utils/set.js +7 -0
  206. package/generated/internal/utils/sleep.d.ts +1 -0
  207. package/generated/internal/utils/sleep.js +3 -0
  208. package/generated/internal/utils/slow-hide-show.d.ts +1 -0
  209. package/generated/internal/utils/slow-hide-show.js +16 -0
  210. package/generated/internal/utils/timeout.d.ts +5 -0
  211. package/generated/internal/utils/timeout.js +16 -0
  212. package/generated/internal/utils/touch-glass.d.ts +7 -0
  213. package/generated/internal/utils/touch-glass.js +19 -0
  214. package/generated/namespace-browser/base.d.ts +45 -0
  215. package/generated/namespace-browser/base.js +115 -0
  216. package/generated/namespace-browser/index.d.ts +7 -0
  217. package/generated/namespace-browser/index.js +1 -0
  218. package/generated/snapshot/index.d.ts +4 -11
  219. package/generated/snapshot/index.js +55 -145
  220. package/package.json +33 -9
  221. package/scss/_components.scss +60 -13
  222. package/scss/_final.scss +1 -0
  223. package/scss/_functions.scss +10 -0
  224. package/scss/_mixins.scss +4 -169
  225. package/scss/_placeholders.scss +3 -0
  226. package/scss/_transitions.scss +22 -1
  227. package/scss/_utils.scss +9 -0
  228. package/scss/_vars.scss +144 -23
  229. package/scss/base/_layout.scss +40 -16
  230. package/scss/base/_reboot.scss +151 -15
  231. package/scss/base/_root.scss +358 -25
  232. package/scss/colors/_index.scss +788 -70
  233. package/scss/components/_alert-dialog.scss +111 -0
  234. package/scss/components/_body-view.scss +12 -3
  235. package/scss/components/_bordered-button.scss +57 -0
  236. package/scss/components/_bordered-prominent-button.scss +64 -0
  237. package/scss/components/_borderless-button.scss +36 -6
  238. package/scss/components/_confirmation-dialog.scss +102 -0
  239. package/scss/components/_content-unavailable-view.scss +54 -0
  240. package/scss/components/_date-picker.scss +30 -0
  241. package/scss/components/_detail-placeholder.scss +153 -0
  242. package/scss/components/_disclosure-group.scss +147 -48
  243. package/scss/components/_fine-tooltip.scss +84 -0
  244. package/scss/components/_form-view.scss +233 -0
  245. package/scss/components/_full-screen.scss +7 -5
  246. package/scss/components/_glass-button.scss +59 -0
  247. package/scss/components/_glass-prominent-button.scss +70 -0
  248. package/scss/components/_h-divider.scss +13 -0
  249. package/scss/components/_h-flex-stack.scss +23 -0
  250. package/scss/components/_h-stack.scss +29 -0
  251. package/scss/components/_image-view.scss +9 -0
  252. package/scss/components/_index.scss +239 -7
  253. package/scss/components/_label-view copy.scss.txt +420 -0
  254. package/scss/components/_label-view.scss +372 -0
  255. package/scss/components/_label-view.scss.txt +536 -0
  256. package/scss/components/_labeled-content.scss +67 -0
  257. package/scss/components/_list-view.scss +269 -0
  258. package/scss/components/_menu-view.scss +219 -0
  259. package/scss/components/_navigation-large-title.scss +27 -0
  260. package/scss/components/_navigation-split-view.scss +329 -269
  261. package/scss/components/_navigation-stack.scss +6 -6
  262. package/scss/components/_navigation-title.scss +10 -0
  263. package/scss/components/_picker-view.scss +307 -0
  264. package/scss/components/_plain-button.scss +18 -0
  265. package/scss/components/_progress-view.scss +98 -0
  266. package/scss/components/_scroll-view-proxy.scss +79 -0
  267. package/scss/components/_scroll-view-toolbars.scss +126 -0
  268. package/scss/components/_scroll-view.scss +114 -66
  269. package/scss/components/_search-view.scss +22 -0
  270. package/scss/components/_section-view.scss +119 -0
  271. package/scss/components/_sheet-view.scss +78 -35
  272. package/scss/components/_sidebar-toggle.scss +87 -27
  273. package/scss/components/_sidebar-view.scss +30 -40
  274. package/scss/components/_sticky-container.scss +42 -0
  275. package/scss/components/_tab-bar.scss +211 -84
  276. package/scss/components/_tab-item.scss +25 -0
  277. package/scss/components/_tab-view.scss +270 -126
  278. package/scss/components/_table-column.scss +54 -0
  279. package/scss/components/_table-row.scss +240 -0
  280. package/scss/components/_table-view.scss +231 -0
  281. package/scss/components/_text-field.scss +53 -0
  282. package/scss/components/_tool-bar-item-group.scss +30 -19
  283. package/scss/components/_tool-bar-item.scss +81 -71
  284. package/scss/components/_tool-bar.scss +126 -63
  285. package/scss/components/_v-divider.scss +13 -0
  286. package/scss/components/_v-flex-stack.scss +29 -0
  287. package/scss/components/_v-keyboard.scss +6 -4
  288. package/scss/components/_v-stack.scss +15 -9
  289. package/scss/final/_touch-glass.scss +91 -0
  290. package/scss/index.scss +6 -2
  291. package/scss/mixins/_button.scss +44 -0
  292. package/scss/mixins/_color.scss +16 -0
  293. package/scss/mixins/_dialog.scss +89 -0
  294. package/scss/mixins/_index.scss +453 -0
  295. package/scss/placeholders/_buttons.scss +117 -0
  296. package/scss/placeholders/_lists.scss +594 -0
  297. package/scss/transitions/_alert-dialog.scss +18 -0
  298. package/scss/transitions/_bwd.navbar.scss +3 -13
  299. package/scss/transitions/_bwd.scss +4 -20
  300. package/scss/transitions/_confirmation-dialog.scss +27 -0
  301. package/scss/transitions/_disclosure-group.scss +35 -0
  302. package/scss/transitions/_fine-tooltip.scss +21 -0
  303. package/scss/transitions/_fwd.navbar.scss +4 -9
  304. package/scss/transitions/_fwd.scss +4 -34
  305. package/scss/transitions/_glass-button.scss +12 -0
  306. package/scss/transitions/_glass-prominent-button.scss +12 -0
  307. package/scss/transitions/_index.scss +35 -143
  308. package/scss/transitions/_menu-view.scss +26 -0
  309. package/scss/transitions/_navigation-split-view.scss +23 -0
  310. package/scss/transitions/_progress-view.scss +23 -0
  311. package/scss/transitions/_sheet-view.scss +30 -0
  312. package/scss/transitions/_sidebar-view.scss +36 -0
  313. package/scss/transitions/_tab-bar.scss +20 -0
  314. package/scss/utils/_frame.scss +91 -0
  315. package/scss/utils/_index.scss +78 -0
  316. package/scss/utils/_scroll-view.scss +14 -0
  317. package/scss/utils/_spacing.scss +25 -0
  318. package/scss/utils/_stacks.scss +222 -0
  319. package/web-components.html-data/en.json +721 -0
  320. package/generated/components/bottom-bar.d.ts +0 -10
  321. package/generated/components/bottom-bar.js +0 -73
  322. package/generated/components/navigation-bar.d.ts +0 -10
  323. package/generated/components/navigation-bar.js +0 -80
  324. package/generated/internal/class.d.ts +0 -18
  325. package/generated/internal/class.js +0 -18
  326. package/generated/namespace/index.d.ts +0 -6
  327. package/generated/styles.css +0 -1305
  328. package/scss/_dev.scss +0 -68
  329. package/scss/components/_tab-bar-stack.scss +0 -101
  330. package/scss/components/_toolbars.scss +0 -100
  331. package/scss/transitions/_dialog.scss +0 -32
  332. /package/generated/{namespace/index.js → events/alert-dialog.js} +0 -0
@@ -0,0 +1,721 @@
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
+ },
188
+ {
189
+ "name": "image-view",
190
+ "attributes": [
191
+ {
192
+ "name": "system-name"
193
+ }
194
+ ]
195
+ },
196
+ {
197
+ "name": "label-view",
198
+ "attributes": [
199
+ {
200
+ "name": "system-image"
201
+ },
202
+ {
203
+ "name": "title"
204
+ },
205
+ {
206
+ "name": "line-limit"
207
+ },
208
+ {
209
+ "name": "truncation-mode"
210
+ }
211
+ ]
212
+ },
213
+ {
214
+ "name": "labeled-content",
215
+ "attributes": [
216
+ {
217
+ "name": "value"
218
+ },
219
+ {
220
+ "name": "label"
221
+ },
222
+ {
223
+ "name": "header"
224
+ },
225
+ {
226
+ "name": "footer"
227
+ },
228
+ {
229
+ "name": "labeled-content-style"
230
+ },
231
+ {
232
+ "name": "format"
233
+ }
234
+ ]
235
+ },
236
+ {
237
+ "name": "list-view",
238
+ "description": "",
239
+ "attributes": [
240
+ {
241
+ "name": "navigation-link-indicator-visibility - Hides accessories like right-arrow",
242
+ "description": "Value Type: “hidden”\n\nDescription: chevron on NavigationLink buttons inside.",
243
+ "values": [
244
+ {
245
+ "name": "hidden"
246
+ }
247
+ ]
248
+ }
249
+ ]
250
+ },
251
+ {
252
+ "name": "menu-view",
253
+ "description": "A control for presenting a menu of actions.",
254
+ "attributes": [
255
+ {
256
+ "name": "open"
257
+ },
258
+ {
259
+ "name": "closing"
260
+ },
261
+ {
262
+ "name": "label"
263
+ }
264
+ ]
265
+ },
266
+ {
267
+ "name": "navigation-large-title"
268
+ },
269
+ {
270
+ "name": "navigation-split-view",
271
+ "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."
272
+ },
273
+ {
274
+ "name": "navigation-stack",
275
+ "description": "A view that shows a main screen and lets you open other screens on top of it."
276
+ },
277
+ {
278
+ "name": "navigation-title",
279
+ "attributes": [
280
+ {
281
+ "name": "value"
282
+ },
283
+ {
284
+ "name": "subtitle"
285
+ }
286
+ ]
287
+ },
288
+ {
289
+ "name": "picker-view",
290
+ "description": "",
291
+ "attributes": [
292
+ {
293
+ "name": "picker",
294
+ "description": "Value Type: “menu” | “inline” | “navigation-link” | “sheet” | “automatic”\n\nDescription: style",
295
+ "values": [
296
+ {
297
+ "name": "menu"
298
+ },
299
+ {
300
+ "name": "inline"
301
+ },
302
+ {
303
+ "name": "navigation-link"
304
+ },
305
+ {
306
+ "name": "sheet"
307
+ },
308
+ {
309
+ "name": "automatic"
310
+ }
311
+ ]
312
+ },
313
+ {
314
+ "name": "help",
315
+ "description": "Value Type: “string”\n\nDescription: Adds a help tooltip to the trigger of the picker, if style supports one",
316
+ "values": [
317
+ {
318
+ "name": "string"
319
+ }
320
+ ]
321
+ },
322
+ {
323
+ "name": "dictionary",
324
+ "description": "Value Type: “DictEntry[]”\n\nDescription: Renders all options using this array",
325
+ "values": [
326
+ {
327
+ "name": "DictEntry[]"
328
+ }
329
+ ]
330
+ },
331
+ {
332
+ "name": "label-value",
333
+ "description": "Value Type: “vertical” | “horizontal” | “auto”\n\nDescription: placement",
334
+ "values": [
335
+ {
336
+ "name": "vertical"
337
+ },
338
+ {
339
+ "name": "horizontal"
340
+ },
341
+ {
342
+ "name": "auto"
343
+ }
344
+ ]
345
+ }
346
+ ]
347
+ },
348
+ {
349
+ "name": "plain-button"
350
+ },
351
+ {
352
+ "name": "progress-view",
353
+ "description": "A view that shows the progress toward completion of a task.",
354
+ "attributes": [
355
+ {
356
+ "name": "label"
357
+ },
358
+ {
359
+ "name": "current-value-label"
360
+ },
361
+ {
362
+ "name": "value"
363
+ }
364
+ ]
365
+ },
366
+ {
367
+ "name": "screen-view"
368
+ },
369
+ {
370
+ "name": "scroll-view-proxy",
371
+ "description": "A wrapper to {hv}-stacks"
372
+ },
373
+ {
374
+ "name": "scroll-view",
375
+ "attributes": [
376
+ {
377
+ "name": "navigation-title"
378
+ },
379
+ {
380
+ "name": "navigation-inline-title"
381
+ },
382
+ {
383
+ "name": "navigation-inline-subtitle"
384
+ },
385
+ {
386
+ "name": "navigation-bar-title-display-mode"
387
+ }
388
+ ]
389
+ },
390
+ {
391
+ "name": "search-view"
392
+ },
393
+ {
394
+ "name": "section-view",
395
+ "attributes": [
396
+ {
397
+ "name": "header"
398
+ },
399
+ {
400
+ "name": "footer"
401
+ }
402
+ ]
403
+ },
404
+ {
405
+ "name": "sheet-view"
406
+ },
407
+ {
408
+ "name": "sidebar-toggle"
409
+ },
410
+ {
411
+ "name": "sidebar-view"
412
+ },
413
+ {
414
+ "name": "sticky-container"
415
+ },
416
+ {
417
+ "name": "tab-bar",
418
+ "description": "A screen that lets users switch between different views using buttons, tabs, or other controls."
419
+ },
420
+ {
421
+ "name": "tab-item"
422
+ },
423
+ {
424
+ "name": "tab-view",
425
+ "description": ""
426
+ },
427
+ {
428
+ "name": "table-view",
429
+ "description": "Display selectable, sortable data arranged in rows and columns.",
430
+ "attributes": [
431
+ {
432
+ "name": "preferred-compact-template",
433
+ "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",
434
+ "values": [
435
+ {
436
+ "name": "title:trailing:subtitle"
437
+ },
438
+ {
439
+ "name": "trailing:title:subtitle"
440
+ },
441
+ {
442
+ "name": "title:subtitle:trailing"
443
+ },
444
+ {
445
+ "name": "*"
446
+ }
447
+ ]
448
+ }
449
+ ]
450
+ },
451
+ {
452
+ "name": "text-field",
453
+ "description": "",
454
+ "attributes": [
455
+ {
456
+ "name": "prompt"
457
+ },
458
+ {
459
+ "name": "minimum"
460
+ },
461
+ {
462
+ "name": "maximum"
463
+ },
464
+ {
465
+ "name": "min-length"
466
+ },
467
+ {
468
+ "name": "max-length"
469
+ },
470
+ {
471
+ "name": "label"
472
+ },
473
+ {
474
+ "name": "name"
475
+ },
476
+ {
477
+ "name": "text"
478
+ },
479
+ {
480
+ "name": "text-input-autocapitalization"
481
+ },
482
+ {
483
+ "name": "disable-autocorrection"
484
+ },
485
+ {
486
+ "name": "keyboard-type"
487
+ },
488
+ {
489
+ "name": "required"
490
+ },
491
+ {
492
+ "name": "disabled"
493
+ }
494
+ ]
495
+ },
496
+ {
497
+ "name": "tool-bar-item-group"
498
+ },
499
+ {
500
+ "name": "tool-bar-item",
501
+ "attributes": [
502
+ {
503
+ "name": "slot"
504
+ },
505
+ {
506
+ "name": "data-previous-slot"
507
+ },
508
+ {
509
+ "name": "title-key"
510
+ }
511
+ ]
512
+ },
513
+ {
514
+ "name": "tool-bar",
515
+ "description": ""
516
+ },
517
+ {
518
+ "name": "vkeyboard",
519
+ "description": "Required component, used to handle the virtual keyboard on touch devices.",
520
+ "attributes": [
521
+ {
522
+ "name": "system-font",
523
+ "description": "Value Type: “Inter”\n\nDescription: Prefers the \"Inter\" font family, if loaded.",
524
+ "values": [
525
+ {
526
+ "name": "Inter"
527
+ }
528
+ ]
529
+ }
530
+ ]
531
+ },
532
+ {
533
+ "name": "vstack",
534
+ "description": "",
535
+ "attributes": [
536
+ {
537
+ "name": "distribution",
538
+ "description": "Value Type: “leading” | “leading fill” | “center” | “trailing” | “fill” | “space-between”\n\nDescription: The distribution of cols",
539
+ "values": [
540
+ {
541
+ "name": "leading"
542
+ },
543
+ {
544
+ "name": "leading fill"
545
+ },
546
+ {
547
+ "name": "center"
548
+ },
549
+ {
550
+ "name": "trailing"
551
+ },
552
+ {
553
+ "name": "fill"
554
+ },
555
+ {
556
+ "name": "space-between"
557
+ }
558
+ ]
559
+ },
560
+ {
561
+ "name": "template",
562
+ "description": "Value Type: “auto spacer” | “auto auto spacer” | “auto auto auto spacer”",
563
+ "values": [
564
+ {
565
+ "name": "auto spacer"
566
+ },
567
+ {
568
+ "name": "auto auto spacer"
569
+ },
570
+ {
571
+ "name": "auto auto auto spacer"
572
+ }
573
+ ]
574
+ },
575
+ {
576
+ "name": "spacing",
577
+ "description": "\nDescription: The gap between the primary axis",
578
+ "valueSet": "spacingSet"
579
+ }
580
+ ]
581
+ }
582
+ ],
583
+ "globalAttributes": [
584
+ {
585
+ "name": "tint",
586
+ "description": "Sets accent color",
587
+ "valueSet": "tintSet"
588
+ },
589
+ {
590
+ "name": "list-item-tint",
591
+ "description": "Sets accent color on list items",
592
+ "valueSet": "tintSet"
593
+ },
594
+ {
595
+ "name": "foreground",
596
+ "description": "Sets foreground color",
597
+ "valueSet": "foregroundSet"
598
+ },
599
+ {
600
+ "name": "frame:width",
601
+ "description": "Sets inline-size",
602
+ "valueSet": "frameWidth"
603
+ },
604
+ {
605
+ "name": "frame:max-width",
606
+ "description": "Sets max-inline-size",
607
+ "valueSet": "frameMaxWidth"
608
+ }
609
+ ],
610
+ "valueSets": [
611
+ {
612
+ "name": "spacingSet",
613
+ "values": [
614
+ {
615
+ "name": "0",
616
+ "description": "0rem"
617
+ },
618
+ {
619
+ "name": "1",
620
+ "description": "0.1rem"
621
+ },
622
+ {
623
+ "name": "2",
624
+ "description": "0.2rem"
625
+ },
626
+ {
627
+ "name": "3",
628
+ "description": "0.3rem"
629
+ },
630
+ {
631
+ "name": "4",
632
+ "description": "0.4rem"
633
+ }
634
+ ]
635
+ },
636
+ {
637
+ "name": "tintSet",
638
+ "values": [
639
+ {
640
+ "name": "gray",
641
+ "description": "like secondary, like disabled"
642
+ },
643
+ {
644
+ "name": "red",
645
+ "description": "system red color"
646
+ },
647
+ {
648
+ "name": "blue",
649
+ "description": "system blue color"
650
+ },
651
+ {
652
+ "name": "green",
653
+ "description": "system green color"
654
+ },
655
+ {
656
+ "name": "orange",
657
+ "description": "system orange color"
658
+ }
659
+ ]
660
+ },
661
+ {
662
+ "name": "foregroundSet",
663
+ "values": [
664
+ {
665
+ "name": "secondary",
666
+ "description": "system secondary color"
667
+ },
668
+ {
669
+ "name": "blue",
670
+ "description": "system blue color"
671
+ },
672
+ {
673
+ "name": "blue.secondary",
674
+ "description": "system secondary blue color"
675
+ }
676
+ ]
677
+ },
678
+ {
679
+ "name": "frameWidth",
680
+ "values": [
681
+ {
682
+ "name": "infinity",
683
+ "description": "100%"
684
+ },
685
+ {
686
+ "name": "0",
687
+ "description": "0rem"
688
+ },
689
+ {
690
+ "name": "1",
691
+ "description": "1rem"
692
+ },
693
+ {
694
+ "name": "2",
695
+ "description": "2rem"
696
+ }
697
+ ]
698
+ },
699
+ {
700
+ "name": "frameMaxWidth",
701
+ "values": [
702
+ {
703
+ "name": "infinity",
704
+ "description": "100%"
705
+ },
706
+ {
707
+ "name": "0",
708
+ "description": "0rem"
709
+ },
710
+ {
711
+ "name": "1",
712
+ "description": "1rem"
713
+ },
714
+ {
715
+ "name": "2",
716
+ "description": "2rem"
717
+ }
718
+ ]
719
+ }
720
+ ]
721
+ }