@swiftwc/ui 0.0.0-dev.8 → 0.0.0-dev.80

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