@swiftwc/ui 0.0.0-dev.94 → 0.0.0-dev.95
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.
- package/generated/components/alert-dialog.d.ts +1 -1
- package/generated/components/alert-dialog.js +1 -1
- package/generated/components/body-view.d.ts +1 -1
- package/generated/components/body-view.js +1 -1
- package/generated/components/confirmation-dialog.d.ts +1 -2
- package/generated/components/confirmation-dialog.js +1 -2
- package/generated/components/date-picker.js +2 -2
- package/generated/components/disclosure-group.d.ts +4 -1
- package/generated/components/disclosure-group.js +5 -1
- package/generated/components/form-view.d.ts +2 -0
- package/generated/components/form-view.js +2 -0
- package/generated/components/h-stack.d.ts +2 -2
- package/generated/components/h-stack.js +2 -2
- package/generated/components/image-view.d.ts +4 -0
- package/generated/components/image-view.js +4 -0
- package/generated/components/label-view.d.ts +3 -3
- package/generated/components/label-view.js +3 -3
- package/generated/components/labeled-content.d.ts +8 -0
- package/generated/components/labeled-content.js +8 -0
- package/generated/components/list-view.d.ts +2 -0
- package/generated/components/list-view.js +2 -0
- package/generated/components/navigation-large-title.d.ts +7 -0
- package/generated/components/navigation-large-title.js +7 -0
- package/generated/components/navigation-split-view.d.ts +1 -1
- package/generated/components/navigation-split-view.js +1 -1
- package/generated/components/navigation-stack.d.ts +1 -1
- package/generated/components/navigation-stack.js +1 -1
- package/generated/components/navigation-title.d.ts +5 -0
- package/generated/components/navigation-title.js +5 -0
- package/generated/components/progress-view.d.ts +1 -1
- package/generated/components/progress-view.js +1 -1
- package/generated/components/scroll-view-proxy.d.ts +1 -1
- package/generated/components/scroll-view-proxy.js +1 -1
- package/generated/components/scroll-view.d.ts +2 -0
- package/generated/components/scroll-view.js +2 -0
- package/generated/components/sheet-view.d.ts +3 -0
- package/generated/components/sheet-view.js +3 -0
- package/generated/components/sidebar-toggle.d.ts +3 -0
- package/generated/components/sidebar-toggle.js +3 -0
- package/generated/components/sidebar-view.d.ts +3 -0
- package/generated/components/sidebar-view.js +3 -0
- package/generated/components/tab-bar.d.ts +1 -1
- package/generated/components/tab-bar.js +1 -1
- package/generated/components/tab-item.d.ts +3 -0
- package/generated/components/tab-item.js +3 -0
- package/generated/components/tab-view.d.ts +1 -0
- package/generated/components/tab-view.js +1 -0
- package/generated/components/table-view.d.ts +1 -1
- package/generated/components/table-view.js +1 -1
- package/generated/components/text-field.js +3 -3
- package/generated/components/tool-bar-item-group.d.ts +1 -1
- package/generated/components/tool-bar-item-group.js +1 -1
- package/generated/components/tool-bar-item.d.ts +1 -1
- package/generated/components/tool-bar-item.js +1 -1
- package/generated/components/tool-bar.d.ts +1 -1
- package/generated/components/tool-bar.js +1 -1
- package/generated/components/v-stack.d.ts +2 -2
- package/generated/components/v-stack.js +2 -2
- package/package.json +6 -4
- package/web-components.css-data/en.json +28 -0
- package/web-components.html-data/en.json +197 -83
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"url": "https://swiftwc.github.io/ui/web-components/body-view"
|
|
20
20
|
}
|
|
21
21
|
],
|
|
22
|
-
"description": ""
|
|
22
|
+
"description": "A container view that wraps a scroll view, marking it as a screen your app can navigate to.\n---"
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
25
|
"name": "bordered-button",
|
|
@@ -29,7 +29,6 @@
|
|
|
29
29
|
"url": "https://swiftwc.github.io/ui/web-components/bordered-button"
|
|
30
30
|
}
|
|
31
31
|
],
|
|
32
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a bordered button:**\n```html\n<button is=\"bordered-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
33
32
|
"attributes": [
|
|
34
33
|
{
|
|
35
34
|
"name": "role",
|
|
@@ -46,7 +45,8 @@
|
|
|
46
45
|
{
|
|
47
46
|
"name": "title-key"
|
|
48
47
|
}
|
|
49
|
-
]
|
|
48
|
+
],
|
|
49
|
+
"description": "A control that starts an action. Styled with a standard border, adapting to the button’s surroundings.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a bordered button:**\n```html\n<button is=\"bordered-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
50
50
|
},
|
|
51
51
|
{
|
|
52
52
|
"name": "bordered-prominent-button",
|
|
@@ -56,7 +56,6 @@
|
|
|
56
56
|
"url": "https://swiftwc.github.io/ui/web-components/bordered-prominent-button"
|
|
57
57
|
}
|
|
58
58
|
],
|
|
59
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a prominent bordered button:**\n```html\n<button is=\"bordered-prominent-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
60
59
|
"attributes": [
|
|
61
60
|
{
|
|
62
61
|
"name": "role",
|
|
@@ -73,7 +72,8 @@
|
|
|
73
72
|
{
|
|
74
73
|
"name": "title-key"
|
|
75
74
|
}
|
|
76
|
-
]
|
|
75
|
+
],
|
|
76
|
+
"description": "A control that starts an action. Styled with a prominent border, adapting to the button’s surroundings.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a prominent bordered button:**\n```html\n<button is=\"bordered-prominent-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
79
|
"name": "borderless-button",
|
|
@@ -83,7 +83,6 @@
|
|
|
83
83
|
"url": "https://swiftwc.github.io/ui/web-components/borderless-button"
|
|
84
84
|
}
|
|
85
85
|
],
|
|
86
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Use the `is` attribute to style a `button` as a `borderless-button`:**\n```html\n<button is=\"borderless-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
87
86
|
"attributes": [
|
|
88
87
|
{
|
|
89
88
|
"name": "role",
|
|
@@ -100,7 +99,8 @@
|
|
|
100
99
|
{
|
|
101
100
|
"name": "title-key"
|
|
102
101
|
}
|
|
103
|
-
]
|
|
102
|
+
],
|
|
103
|
+
"description": "A control that starts an action. Styled without any borders.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Use the `is` attribute to style a `button` as a `borderless-button`:**\n```html\n<button is=\"borderless-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
104
104
|
},
|
|
105
105
|
{
|
|
106
106
|
"name": "color-scheme",
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
"name": "anchor"
|
|
125
125
|
}
|
|
126
126
|
],
|
|
127
|
-
"description": "A
|
|
127
|
+
"description": "A dialog that asks the user to confirm an action. Use it from the client module like `await confirmationDialog(trigger, 'Permanently erase the items in the Trash?')`.\n---"
|
|
128
128
|
},
|
|
129
129
|
{
|
|
130
130
|
"name": "content-unavailable",
|
|
@@ -134,12 +134,12 @@
|
|
|
134
134
|
"url": "https://swiftwc.github.io/ui/web-components/content-unavailable"
|
|
135
135
|
}
|
|
136
136
|
],
|
|
137
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **description**\n- **actions**\n\n### **Examples:**\n**Example:**\n```html\n<content-unavailable search></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable search=\"foo\"></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n <label-view title=\"No Mail\">\n <i class=\"ph ph-tray\" slot=\"icon\" foreground=\"secondary\"></i>\n </label-view>\n <label-view\n title=\"New mails you receive will appear here.\"\n foreground=\"secondary\"\n slot=\"description\"\n ></label-view>\n <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n <label-view title=\"Switch Account\"></label-view>\n </button>\n</content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n <label-view title=\"No Mail\">\n <svg slot=\"icon\" foreground=\"secondary\" ...>...</svg>\n </label-view>\n <label-view\n title=\"New mails you receive will appear here.\"\n foreground=\"secondary\"\n slot=\"description\"\n ></label-view>\n <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n <label-view title=\"Switch Account\"></label-view>\n </button>\n</content-unavailable>\n\n```",
|
|
138
137
|
"attributes": [
|
|
139
138
|
{
|
|
140
139
|
"name": "search"
|
|
141
140
|
}
|
|
142
|
-
]
|
|
141
|
+
],
|
|
142
|
+
"description": "A message with a title and extra information that you show when part of your app can’t be used.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **description**\n- **actions**\n\n### **Examples:**\n**Example:**\n```html\n<content-unavailable search></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable search=\"foo\"></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n <label-view title=\"No Mail\">\n <i class=\"ph ph-tray\" slot=\"icon\" foreground=\"secondary\"></i>\n </label-view>\n <label-view\n title=\"New mails you receive will appear here.\"\n foreground=\"secondary\"\n slot=\"description\"\n ></label-view>\n <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n <label-view title=\"Switch Account\"></label-view>\n </button>\n</content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n <label-view title=\"No Mail\">\n <svg slot=\"icon\" foreground=\"secondary\" ...>...</svg>\n </label-view>\n <label-view\n title=\"New mails you receive will appear here.\"\n foreground=\"secondary\"\n slot=\"description\"\n ></label-view>\n <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n <label-view title=\"Switch Account\"></label-view>\n </button>\n</content-unavailable>\n\n```"
|
|
143
143
|
},
|
|
144
144
|
{
|
|
145
145
|
"name": "date-picker",
|
|
@@ -149,7 +149,6 @@
|
|
|
149
149
|
"url": "https://swiftwc.github.io/ui/web-components/date-picker"
|
|
150
150
|
}
|
|
151
151
|
],
|
|
152
|
-
"description": "### **Properties:**\n- readonly **template** — DocumentFragment\n- readonly **datePickerStyle** — \"graphical\" | \"field\" | \"automatic\"\n- readonly **name** — string\n- readonly **value** — { year: string; month: string; day: string; }\n- readonly **valueAsDate** — Date | null\n- readonly **minimum** — { year: string; month: string; day: string; } | null\n- readonly **maximum** — { year: string; month: string; day: string; } | null",
|
|
153
152
|
"attributes": [
|
|
154
153
|
{
|
|
155
154
|
"name": "date-picker-style",
|
|
@@ -168,10 +167,10 @@
|
|
|
168
167
|
},
|
|
169
168
|
{
|
|
170
169
|
"name": "required",
|
|
171
|
-
"description": "Value Type: “
|
|
170
|
+
"description": "Value Type: “boolean”",
|
|
172
171
|
"values": [
|
|
173
172
|
{
|
|
174
|
-
"name": "
|
|
173
|
+
"name": "boolean"
|
|
175
174
|
}
|
|
176
175
|
]
|
|
177
176
|
},
|
|
@@ -189,10 +188,16 @@
|
|
|
189
188
|
},
|
|
190
189
|
{
|
|
191
190
|
"name": "disabled",
|
|
192
|
-
"
|
|
191
|
+
"references": [
|
|
192
|
+
{
|
|
193
|
+
"name": "MDN — disabled",
|
|
194
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled"
|
|
195
|
+
}
|
|
196
|
+
],
|
|
197
|
+
"description": "Value Type: “boolean”",
|
|
193
198
|
"values": [
|
|
194
199
|
{
|
|
195
|
-
"name": "
|
|
200
|
+
"name": "boolean"
|
|
196
201
|
}
|
|
197
202
|
]
|
|
198
203
|
},
|
|
@@ -202,7 +207,8 @@
|
|
|
202
207
|
{
|
|
203
208
|
"name": "maximum"
|
|
204
209
|
}
|
|
205
|
-
]
|
|
210
|
+
],
|
|
211
|
+
"description": "A control that selects an absolute date.\n---\n\n### **Properties:**\n- readonly **template** — DocumentFragment\n- readonly **datePickerStyle** — \"graphical\" | \"field\" | \"automatic\"\n- readonly **name** — string\n- readonly **value** — { year: string; month: string; day: string; }\n- readonly **valueAsDate** — Date | null\n- readonly **minimum** — { year: string; month: string; day: string; } | null\n- readonly **maximum** — { year: string; month: string; day: string; } | null"
|
|
206
212
|
},
|
|
207
213
|
{
|
|
208
214
|
"name": "disclosure-group",
|
|
@@ -212,13 +218,18 @@
|
|
|
212
218
|
"url": "https://swiftwc.github.io/ui/web-components/disclosure-group"
|
|
213
219
|
}
|
|
214
220
|
],
|
|
215
|
-
"description": "### **Examples:**\n**Example:**\n```html\n<details is=\"disclosure-group\">\n <summary><label-view title=\"Items\"></label-view></summary>\n <label-view title=\"Item 1\"></label-view>\n <label-view title=\"Item 2\"></label-view>\n <details is=\"disclosure-group\">\n <summary><label-view title=\"Sub-items\"></label-view></summary>\n <label-view title=\"Sub-item 1\"></label-view>\n </details>\n</details>\n\n```",
|
|
216
221
|
"attributes": [
|
|
217
222
|
{
|
|
218
223
|
"name": "open",
|
|
219
|
-
"description": "The status of this element"
|
|
224
|
+
"description": "Value Type: “boolean”\nDescription: The status of this element",
|
|
225
|
+
"values": [
|
|
226
|
+
{
|
|
227
|
+
"name": "boolean"
|
|
228
|
+
}
|
|
229
|
+
]
|
|
220
230
|
}
|
|
221
|
-
]
|
|
231
|
+
],
|
|
232
|
+
"description": "A view that shows or hides another view when the user opens or closes it.\n---\n\n### **Events:**\n- **is-expanded**\n- **is-collapsed**\n\n### **Examples:**\n**Example:**\n```html\n<details is=\"disclosure-group\">\n <summary><label-view title=\"Items\"></label-view></summary>\n <label-view title=\"Item 1\"></label-view>\n <label-view title=\"Item 2\"></label-view>\n <details is=\"disclosure-group\">\n <summary><label-view title=\"Sub-items\"></label-view></summary>\n <label-view title=\"Sub-item 1\"></label-view>\n </details>\n</details>\n\n```"
|
|
222
233
|
},
|
|
223
234
|
{
|
|
224
235
|
"name": "fine-tooltip",
|
|
@@ -243,7 +254,7 @@
|
|
|
243
254
|
]
|
|
244
255
|
}
|
|
245
256
|
],
|
|
246
|
-
"description": ""
|
|
257
|
+
"description": "A container view that groups controls together for entering data, like a settings screen.\n---"
|
|
247
258
|
},
|
|
248
259
|
{
|
|
249
260
|
"name": "glass-button",
|
|
@@ -253,7 +264,6 @@
|
|
|
253
264
|
"url": "https://swiftwc.github.io/ui/web-components/glass-button"
|
|
254
265
|
}
|
|
255
266
|
],
|
|
256
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a glass button:**\n```html\n<button is=\"glass-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
257
267
|
"attributes": [
|
|
258
268
|
{
|
|
259
269
|
"name": "role",
|
|
@@ -270,7 +280,8 @@
|
|
|
270
280
|
{
|
|
271
281
|
"name": "title-key"
|
|
272
282
|
}
|
|
273
|
-
]
|
|
283
|
+
],
|
|
284
|
+
"description": "A control that starts an action. Styled with a glass border, adapting to the button’s surroundings.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a glass button:**\n```html\n<button is=\"glass-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
274
285
|
},
|
|
275
286
|
{
|
|
276
287
|
"name": "glass-prominent-button",
|
|
@@ -280,7 +291,6 @@
|
|
|
280
291
|
"url": "https://swiftwc.github.io/ui/web-components/glass-prominent-button"
|
|
281
292
|
}
|
|
282
293
|
],
|
|
283
|
-
"description": "### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a prominent glass button:**\n```html\n<button is=\"glass-prominent-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```",
|
|
284
294
|
"attributes": [
|
|
285
295
|
{
|
|
286
296
|
"name": "role",
|
|
@@ -297,7 +307,8 @@
|
|
|
297
307
|
{
|
|
298
308
|
"name": "title-key"
|
|
299
309
|
}
|
|
300
|
-
]
|
|
310
|
+
],
|
|
311
|
+
"description": "A control that starts an action. Styled with a prominent glass border, adapting to the button’s surroundings.\n---\n\n### **Slots:**\n- **overlay**\n\n### **Examples:**\n**Creating a prominent glass button:**\n```html\n<button is=\"glass-prominent-button\">\n <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```"
|
|
301
312
|
},
|
|
302
313
|
{
|
|
303
314
|
"name": "h-stack",
|
|
@@ -307,17 +318,16 @@
|
|
|
307
318
|
"url": "https://swiftwc.github.io/ui/web-components/h-stack"
|
|
308
319
|
}
|
|
309
320
|
],
|
|
310
|
-
"description": "",
|
|
311
321
|
"attributes": [
|
|
312
322
|
{
|
|
313
323
|
"name": "template",
|
|
314
324
|
"description": "\nDescription: The main-axis grid template",
|
|
315
|
-
"valueSet": "
|
|
325
|
+
"valueSet": "Template"
|
|
316
326
|
},
|
|
317
327
|
{
|
|
318
328
|
"name": "spacing",
|
|
319
329
|
"description": "\nDescription: The gap between the primary axis",
|
|
320
|
-
"valueSet": "
|
|
330
|
+
"valueSet": "Spacing"
|
|
321
331
|
},
|
|
322
332
|
{
|
|
323
333
|
"name": "alignment",
|
|
@@ -334,10 +344,17 @@
|
|
|
334
344
|
"description": "\nDescription: The main-axis alignment",
|
|
335
345
|
"valueSet": "inlinePlacementSet"
|
|
336
346
|
}
|
|
337
|
-
]
|
|
347
|
+
],
|
|
348
|
+
"description": "A view that arranges its children side by side.\n---"
|
|
338
349
|
},
|
|
339
350
|
{
|
|
340
351
|
"name": "image-view",
|
|
352
|
+
"references": [
|
|
353
|
+
{
|
|
354
|
+
"name": "Documentation",
|
|
355
|
+
"url": "https://swiftwc.github.io/ui/web-components/image-view"
|
|
356
|
+
}
|
|
357
|
+
],
|
|
341
358
|
"attributes": [
|
|
342
359
|
{
|
|
343
360
|
"name": "system-name"
|
|
@@ -346,7 +363,7 @@
|
|
|
346
363
|
"name": "system-weight"
|
|
347
364
|
}
|
|
348
365
|
],
|
|
349
|
-
"description": ""
|
|
366
|
+
"description": "A view that displays an image.\n---"
|
|
350
367
|
},
|
|
351
368
|
{
|
|
352
369
|
"name": "label-view",
|
|
@@ -356,12 +373,11 @@
|
|
|
356
373
|
"url": "https://swiftwc.github.io/ui/web-components/label-view"
|
|
357
374
|
}
|
|
358
375
|
],
|
|
359
|
-
"description": "### **Slots:**\n- _default_ — Any children without a `slot` attribute are placed in the title block of the label.\n- **icon** — Use the `slot=\"icon\"` attribute to place childen in the icon block of the label.\n\n### **Examples:**\n**Creating a label using a `span` element:**\n```html\n<label-view><span>Hello world!</span></label-view>\n\n```\n**Creating a label using the `title` attribute:**\n```html\n<label-view title=\"Hello world!\"></label-view>\n\n```\n**Creating a label with an icon and a title using the `system-image` attribute:**\n```html\n<label-view system-image=\"hand-waving\"><span>Hello world!</span></label-view>\n\n```\n**Creating a label with an icon and a title using the `icon` slot:**\n```html\n<label-view>\n <i slot=\"icon\" class=\"ph ph-duotone ph-hand-waving\"></i>\n <span>Hello world!</span>\n</label-view>\n\n```",
|
|
360
376
|
"attributes": [
|
|
361
377
|
{
|
|
362
378
|
"name": "font",
|
|
363
379
|
"description": "\nDescription: Sets the default font for text in this view.",
|
|
364
|
-
"valueSet": "
|
|
380
|
+
"valueSet": "Font"
|
|
365
381
|
},
|
|
366
382
|
{
|
|
367
383
|
"name": "system-image"
|
|
@@ -381,10 +397,17 @@
|
|
|
381
397
|
}
|
|
382
398
|
]
|
|
383
399
|
}
|
|
384
|
-
]
|
|
400
|
+
],
|
|
401
|
+
"description": "A view that labels items with an icon and a title.\n---\n\n### **Slots:**\n- _default_ — Any children without a `slot` attribute are placed in the title block.\n- **icon** — Use the `slot=\"icon\"` attribute to place childen in the icon block.\n\n### **Examples:**\n**Creating a label using a `span` element:**\n```html\n<label-view><span>Hello world!</span></label-view>\n\n```\n**Creating a label using the `title` attribute:**\n```html\n<label-view title=\"Hello world!\"></label-view>\n\n```\n**Creating a label with an icon and a title using the `system-image` attribute:**\n```html\n<label-view system-image=\"hand-waving\"><span>Hello world!</span></label-view>\n\n```\n**Creating a label with an icon and a title using the `icon` slot:**\n```html\n<label-view>\n <i slot=\"icon\" class=\"ph ph-duotone ph-hand-waving\"></i>\n <span>Hello world!</span>\n</label-view>\n\n```"
|
|
385
402
|
},
|
|
386
403
|
{
|
|
387
404
|
"name": "labeled-content",
|
|
405
|
+
"references": [
|
|
406
|
+
{
|
|
407
|
+
"name": "Documentation",
|
|
408
|
+
"url": "https://swiftwc.github.io/ui/web-components/labeled-content"
|
|
409
|
+
}
|
|
410
|
+
],
|
|
388
411
|
"attributes": [
|
|
389
412
|
{
|
|
390
413
|
"name": "value"
|
|
@@ -414,7 +437,7 @@
|
|
|
414
437
|
"name": "format"
|
|
415
438
|
}
|
|
416
439
|
],
|
|
417
|
-
"description": ""
|
|
440
|
+
"description": "A container view that pairs a label with a value.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **label** — Use the `slot=\"label\"` attribute to place childen in the label block.\n- **header**\n- **footer**"
|
|
418
441
|
},
|
|
419
442
|
{
|
|
420
443
|
"name": "list-view",
|
|
@@ -435,7 +458,7 @@
|
|
|
435
458
|
]
|
|
436
459
|
}
|
|
437
460
|
],
|
|
438
|
-
"description": ""
|
|
461
|
+
"description": "A container view that arranges rows of data in a single column, optionally letting the user select one or more of them.\n---"
|
|
439
462
|
},
|
|
440
463
|
{
|
|
441
464
|
"name": "menu-view",
|
|
@@ -445,7 +468,6 @@
|
|
|
445
468
|
"url": "https://swiftwc.github.io/ui/web-components/menu-view"
|
|
446
469
|
}
|
|
447
470
|
],
|
|
448
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **label**",
|
|
449
471
|
"attributes": [
|
|
450
472
|
{
|
|
451
473
|
"name": "open"
|
|
@@ -456,10 +478,46 @@
|
|
|
456
478
|
{
|
|
457
479
|
"name": "label"
|
|
458
480
|
}
|
|
459
|
-
]
|
|
481
|
+
],
|
|
482
|
+
"description": "A control that opens a menu of actions.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **label**"
|
|
460
483
|
},
|
|
461
484
|
{
|
|
462
485
|
"name": "navigation-large-title",
|
|
486
|
+
"references": [
|
|
487
|
+
{
|
|
488
|
+
"name": "Documentation",
|
|
489
|
+
"url": "https://swiftwc.github.io/ui/web-components/navigation-large-title"
|
|
490
|
+
}
|
|
491
|
+
],
|
|
492
|
+
"attributes": [
|
|
493
|
+
{
|
|
494
|
+
"name": "background-style",
|
|
495
|
+
"description": "Value Type: “grouped”",
|
|
496
|
+
"values": [
|
|
497
|
+
{
|
|
498
|
+
"name": "grouped"
|
|
499
|
+
}
|
|
500
|
+
]
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"name": "padding",
|
|
504
|
+
"description": "Value Type: “boolean”",
|
|
505
|
+
"values": [
|
|
506
|
+
{
|
|
507
|
+
"name": "boolean"
|
|
508
|
+
}
|
|
509
|
+
]
|
|
510
|
+
},
|
|
511
|
+
{
|
|
512
|
+
"name": "navigation-bar-auto-hide",
|
|
513
|
+
"description": "Value Type: “boolean”",
|
|
514
|
+
"values": [
|
|
515
|
+
{
|
|
516
|
+
"name": "boolean"
|
|
517
|
+
}
|
|
518
|
+
]
|
|
519
|
+
}
|
|
520
|
+
],
|
|
463
521
|
"description": ""
|
|
464
522
|
},
|
|
465
523
|
{
|
|
@@ -470,7 +528,7 @@
|
|
|
470
528
|
"url": "https://swiftwc.github.io/ui/web-components/navigation-split-view"
|
|
471
529
|
}
|
|
472
530
|
],
|
|
473
|
-
"description": ""
|
|
531
|
+
"description": "A container view with two or three side-by-side screens, where what the user chooses in the left screen changes what appears in the next screen.\n---"
|
|
474
532
|
},
|
|
475
533
|
{
|
|
476
534
|
"name": "navigation-stack",
|
|
@@ -480,11 +538,26 @@
|
|
|
480
538
|
"url": "https://swiftwc.github.io/ui/web-components/navigation-stack"
|
|
481
539
|
}
|
|
482
540
|
],
|
|
483
|
-
"description": ""
|
|
541
|
+
"description": "A container view that shows a main screen and lets the user open other screens on top of it.\n---"
|
|
484
542
|
},
|
|
485
543
|
{
|
|
486
544
|
"name": "navigation-title",
|
|
545
|
+
"references": [
|
|
546
|
+
{
|
|
547
|
+
"name": "Documentation",
|
|
548
|
+
"url": "https://swiftwc.github.io/ui/web-components/navigation-title"
|
|
549
|
+
}
|
|
550
|
+
],
|
|
487
551
|
"attributes": [
|
|
552
|
+
{
|
|
553
|
+
"name": "padding",
|
|
554
|
+
"description": "Value Type: “boolean”",
|
|
555
|
+
"values": [
|
|
556
|
+
{
|
|
557
|
+
"name": "boolean"
|
|
558
|
+
}
|
|
559
|
+
]
|
|
560
|
+
},
|
|
488
561
|
{
|
|
489
562
|
"name": "value"
|
|
490
563
|
},
|
|
@@ -498,7 +571,7 @@
|
|
|
498
571
|
"name": "system-image-weight"
|
|
499
572
|
}
|
|
500
573
|
],
|
|
501
|
-
"description": ""
|
|
574
|
+
"description": "A container view.\n---"
|
|
502
575
|
},
|
|
503
576
|
{
|
|
504
577
|
"name": "picker-view",
|
|
@@ -508,7 +581,6 @@
|
|
|
508
581
|
"url": "https://swiftwc.github.io/ui/web-components/picker-view"
|
|
509
582
|
}
|
|
510
583
|
],
|
|
511
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **label**\n- **list**\n- **validity-options**\n\n### **Properties:**\n- **selection** — string\n- readonly **template** — DocumentFragment\n- readonly **pickerStyle** — \"automatic\" | \"menu\" | \"inline\" | \"navigation-link\" | \"sheet\"\n- readonly **name** — string",
|
|
512
584
|
"attributes": [
|
|
513
585
|
{
|
|
514
586
|
"name": "picker-style",
|
|
@@ -564,7 +636,8 @@
|
|
|
564
636
|
}
|
|
565
637
|
]
|
|
566
638
|
}
|
|
567
|
-
]
|
|
639
|
+
],
|
|
640
|
+
"description": "A control that selects one value from a set of options.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **label**\n- **list**\n- **validity-options**\n\n### **Properties:**\n- **selection** — string\n- readonly **template** — DocumentFragment\n- readonly **pickerStyle** — \"automatic\" | \"menu\" | \"inline\" | \"navigation-link\" | \"sheet\"\n- readonly **name** — string"
|
|
568
641
|
},
|
|
569
642
|
{
|
|
570
643
|
"name": "plain-button",
|
|
@@ -578,7 +651,6 @@
|
|
|
578
651
|
"url": "https://swiftwc.github.io/ui/web-components/progress-view"
|
|
579
652
|
}
|
|
580
653
|
],
|
|
581
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **current-value**\n\n### **Properties:**\n- readonly **progressViewStyle** — \"circular\" | \"linear\"\n- readonly **template** — DocumentFragment",
|
|
582
654
|
"attributes": [
|
|
583
655
|
{
|
|
584
656
|
"name": "label"
|
|
@@ -589,7 +661,8 @@
|
|
|
589
661
|
{
|
|
590
662
|
"name": "value"
|
|
591
663
|
}
|
|
592
|
-
]
|
|
664
|
+
],
|
|
665
|
+
"description": "A view that shows how far along a task is.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **current-value**\n\n### **Properties:**\n- readonly **progressViewStyle** — \"circular\" | \"linear\"\n- readonly **template** — DocumentFragment"
|
|
593
666
|
},
|
|
594
667
|
{
|
|
595
668
|
"name": "screen-view",
|
|
@@ -603,7 +676,7 @@
|
|
|
603
676
|
"url": "https://swiftwc.github.io/ui/web-components/scroll-view-proxy"
|
|
604
677
|
}
|
|
605
678
|
],
|
|
606
|
-
"description": ""
|
|
679
|
+
"description": "A wrapper for {hv}-stacks\n---"
|
|
607
680
|
},
|
|
608
681
|
{
|
|
609
682
|
"name": "scroll-view",
|
|
@@ -631,7 +704,7 @@
|
|
|
631
704
|
"name": "navigation-bar-title-display-mode"
|
|
632
705
|
}
|
|
633
706
|
],
|
|
634
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **top-bar-principal**\n- **bottom-bar-principal**"
|
|
707
|
+
"description": "A view that scrolls its content when it doesn’t fit the screen.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **top-bar-principal**\n- **bottom-bar-principal**"
|
|
635
708
|
},
|
|
636
709
|
{
|
|
637
710
|
"name": "search-view",
|
|
@@ -645,7 +718,6 @@
|
|
|
645
718
|
"url": "https://swiftwc.github.io/ui/web-components/section-view"
|
|
646
719
|
}
|
|
647
720
|
],
|
|
648
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **header**\n- **footer**",
|
|
649
721
|
"attributes": [
|
|
650
722
|
{
|
|
651
723
|
"name": "header"
|
|
@@ -653,19 +725,38 @@
|
|
|
653
725
|
{
|
|
654
726
|
"name": "footer"
|
|
655
727
|
}
|
|
656
|
-
]
|
|
728
|
+
],
|
|
729
|
+
"description": "A container view that groups related content together.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **header**\n- **footer**"
|
|
657
730
|
},
|
|
658
731
|
{
|
|
659
732
|
"name": "sheet-view",
|
|
660
|
-
"
|
|
733
|
+
"references": [
|
|
734
|
+
{
|
|
735
|
+
"name": "Documentation",
|
|
736
|
+
"url": "https://swiftwc.github.io/ui/web-components/sheet-view"
|
|
737
|
+
}
|
|
738
|
+
],
|
|
739
|
+
"description": "A dialog that slides up over the current screen.\n---"
|
|
661
740
|
},
|
|
662
741
|
{
|
|
663
742
|
"name": "sidebar-toggle",
|
|
664
|
-
"
|
|
743
|
+
"references": [
|
|
744
|
+
{
|
|
745
|
+
"name": "Documentation",
|
|
746
|
+
"url": "https://swiftwc.github.io/ui/web-components/sidebar-toggle"
|
|
747
|
+
}
|
|
748
|
+
],
|
|
749
|
+
"description": "A control that shows or hides the sidebar view.\n---"
|
|
665
750
|
},
|
|
666
751
|
{
|
|
667
752
|
"name": "sidebar-view",
|
|
668
|
-
"
|
|
753
|
+
"references": [
|
|
754
|
+
{
|
|
755
|
+
"name": "Documentation",
|
|
756
|
+
"url": "https://swiftwc.github.io/ui/web-components/sidebar-view"
|
|
757
|
+
}
|
|
758
|
+
],
|
|
759
|
+
"description": "A container view that arranges navigation destinations in a single column.\n---"
|
|
669
760
|
},
|
|
670
761
|
{
|
|
671
762
|
"name": "sticky-container",
|
|
@@ -679,11 +770,17 @@
|
|
|
679
770
|
"url": "https://swiftwc.github.io/ui/web-components/tab-bar"
|
|
680
771
|
}
|
|
681
772
|
],
|
|
682
|
-
"description": ""
|
|
773
|
+
"description": "A container view that groups tab-items together along the top or bottom of the screen.\n---"
|
|
683
774
|
},
|
|
684
775
|
{
|
|
685
776
|
"name": "tab-item",
|
|
686
|
-
"
|
|
777
|
+
"references": [
|
|
778
|
+
{
|
|
779
|
+
"name": "Documentation",
|
|
780
|
+
"url": "https://swiftwc.github.io/ui/web-components/tab-item"
|
|
781
|
+
}
|
|
782
|
+
],
|
|
783
|
+
"description": "A control that switches the tab view to this tab.\n---"
|
|
687
784
|
},
|
|
688
785
|
{
|
|
689
786
|
"name": "tab-view",
|
|
@@ -693,7 +790,7 @@
|
|
|
693
790
|
"url": "https://swiftwc.github.io/ui/web-components/tab-view"
|
|
694
791
|
}
|
|
695
792
|
],
|
|
696
|
-
"description": "### **Properties:**\n- readonly **tabBarPlacement** — \"bottom-bar\" | \"ornament\" | \"sidebar\" | \"top-bar\" | undefined\n- readonly **moreTab** — NavigationStack | null\n- **selectedTab** — (NavigationSplitView | NavigationStack)[]\n\n### **Events:**\n- **tabshow** — A Tab is shown\n- **tabhide** — A Tab is hidden\n- **tab-view:toggle**\n- **tab-view:adaptable-tab-bar-placement-change**"
|
|
793
|
+
"description": "A container view that switches between screens using tabs.\n---\n\n### **Properties:**\n- readonly **tabBarPlacement** — \"bottom-bar\" | \"ornament\" | \"sidebar\" | \"top-bar\" | undefined\n- readonly **moreTab** — NavigationStack | null\n- **selectedTab** — (NavigationSplitView | NavigationStack)[]\n\n### **Events:**\n- **tabshow** — A Tab is shown\n- **tabhide** — A Tab is hidden\n- **tab-view:toggle**\n- **tab-view:adaptable-tab-bar-placement-change**"
|
|
697
794
|
},
|
|
698
795
|
{
|
|
699
796
|
"name": "table-view",
|
|
@@ -703,7 +800,6 @@
|
|
|
703
800
|
"url": "https://swiftwc.github.io/ui/web-components/table-view"
|
|
704
801
|
}
|
|
705
802
|
],
|
|
706
|
-
"description": "### **Slots:**\n- _default_ — The default slot.\n- **header-leading**\n- **header-principal**\n- **header-trailing**\n- **column**\n- **footer-leading**\n- **footer-principal**\n- **footer-trailing**",
|
|
707
803
|
"attributes": [
|
|
708
804
|
{
|
|
709
805
|
"name": "preferred-compact-template",
|
|
@@ -723,7 +819,8 @@
|
|
|
723
819
|
}
|
|
724
820
|
]
|
|
725
821
|
}
|
|
726
|
-
]
|
|
822
|
+
],
|
|
823
|
+
"description": "A container view that arranges data in rows and columns, optionally letting the user select one or more of them.\n---\n\n### **Slots:**\n- _default_ — The default slot.\n- **header-leading**\n- **header-principal**\n- **header-trailing**\n- **column**\n- **footer-leading**\n- **footer-principal**\n- **footer-trailing**"
|
|
727
824
|
},
|
|
728
825
|
{
|
|
729
826
|
"name": "text-field",
|
|
@@ -733,7 +830,6 @@
|
|
|
733
830
|
"url": "https://swiftwc.github.io/ui/web-components/text-field"
|
|
734
831
|
}
|
|
735
832
|
],
|
|
736
|
-
"description": "### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\n- readonly **keyboardType** — \"decimal-pad\" | \"number-pad\" | \"default\"\n- **text** — string\n- readonly **name** — string\n- readonly **value** — string\n- readonly **valueAsNumber** — number | \"\"\n- readonly **negativeNumbersAllowed** — boolean",
|
|
737
833
|
"attributes": [
|
|
738
834
|
{
|
|
739
835
|
"name": "prompt"
|
|
@@ -764,7 +860,12 @@
|
|
|
764
860
|
},
|
|
765
861
|
{
|
|
766
862
|
"name": "disable-autocorrection",
|
|
767
|
-
"description": ""
|
|
863
|
+
"description": "Value Type: “boolean”",
|
|
864
|
+
"values": [
|
|
865
|
+
{
|
|
866
|
+
"name": "boolean"
|
|
867
|
+
}
|
|
868
|
+
]
|
|
768
869
|
},
|
|
769
870
|
{
|
|
770
871
|
"name": "keyboard-type",
|
|
@@ -783,23 +884,30 @@
|
|
|
783
884
|
},
|
|
784
885
|
{
|
|
785
886
|
"name": "required",
|
|
786
|
-
"description": "Value Type: “
|
|
887
|
+
"description": "Value Type: “boolean”",
|
|
787
888
|
"values": [
|
|
788
889
|
{
|
|
789
|
-
"name": "
|
|
890
|
+
"name": "boolean"
|
|
790
891
|
}
|
|
791
892
|
]
|
|
792
893
|
},
|
|
793
894
|
{
|
|
794
895
|
"name": "disabled",
|
|
795
|
-
"
|
|
896
|
+
"references": [
|
|
897
|
+
{
|
|
898
|
+
"name": "MDN — disabled",
|
|
899
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled"
|
|
900
|
+
}
|
|
901
|
+
],
|
|
902
|
+
"description": "Value Type: “boolean”",
|
|
796
903
|
"values": [
|
|
797
904
|
{
|
|
798
|
-
"name": "
|
|
905
|
+
"name": "boolean"
|
|
799
906
|
}
|
|
800
907
|
]
|
|
801
908
|
}
|
|
802
|
-
]
|
|
909
|
+
],
|
|
910
|
+
"description": "A control that displays an editable text area.\n---\n\n### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\n- readonly **keyboardType** — \"decimal-pad\" | \"number-pad\" | \"default\"\n- **text** — string\n- readonly **name** — string\n- readonly **value** — string\n- readonly **valueAsNumber** — number | \"\"\n- readonly **negativeNumbersAllowed** — boolean"
|
|
803
911
|
},
|
|
804
912
|
{
|
|
805
913
|
"name": "toggle-view",
|
|
@@ -809,7 +917,6 @@
|
|
|
809
917
|
"url": "https://swiftwc.github.io/ui/web-components/toggle-view"
|
|
810
918
|
}
|
|
811
919
|
],
|
|
812
|
-
"description": "### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\n- readonly **toggleStyle** — \"button\" | \"switch\"\n- **isOn** — boolean\n- readonly **name** — string\n- **value** — string | null\n\n### **Events:**\n- **toggle:change** — User toggled the control",
|
|
813
920
|
"attributes": [
|
|
814
921
|
{
|
|
815
922
|
"name": "label"
|
|
@@ -830,9 +937,16 @@
|
|
|
830
937
|
"name": "required"
|
|
831
938
|
},
|
|
832
939
|
{
|
|
833
|
-
"name": "disabled"
|
|
940
|
+
"name": "disabled",
|
|
941
|
+
"references": [
|
|
942
|
+
{
|
|
943
|
+
"name": "MDN — disabled",
|
|
944
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled"
|
|
945
|
+
}
|
|
946
|
+
]
|
|
834
947
|
}
|
|
835
|
-
]
|
|
948
|
+
],
|
|
949
|
+
"description": "A control that switches between on and off states.\n---\n\n### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\n- readonly **toggleStyle** — \"button\" | \"switch\"\n- **isOn** — boolean\n- readonly **name** — string\n- **value** — string | null\n\n### **Events:**\n- **toggle:change** — User toggled the control"
|
|
836
950
|
},
|
|
837
951
|
{
|
|
838
952
|
"name": "tool-bar-item-group",
|
|
@@ -842,7 +956,7 @@
|
|
|
842
956
|
"url": "https://swiftwc.github.io/ui/web-components/tool-bar-item-group"
|
|
843
957
|
}
|
|
844
958
|
],
|
|
845
|
-
"description": "A
|
|
959
|
+
"description": "A container view that groups items together in the toolbar or navigation bar.\n---"
|
|
846
960
|
},
|
|
847
961
|
{
|
|
848
962
|
"name": "tool-bar-item",
|
|
@@ -852,7 +966,6 @@
|
|
|
852
966
|
"url": "https://swiftwc.github.io/ui/web-components/tool-bar-item"
|
|
853
967
|
}
|
|
854
968
|
],
|
|
855
|
-
"description": "",
|
|
856
969
|
"attributes": [
|
|
857
970
|
{
|
|
858
971
|
"name": "slot"
|
|
@@ -863,7 +976,8 @@
|
|
|
863
976
|
{
|
|
864
977
|
"name": "title-key"
|
|
865
978
|
}
|
|
866
|
-
]
|
|
979
|
+
],
|
|
980
|
+
"description": "A view placed in the toolbar or navigation bar.\n---"
|
|
867
981
|
},
|
|
868
982
|
{
|
|
869
983
|
"name": "tool-bar",
|
|
@@ -873,7 +987,7 @@
|
|
|
873
987
|
"url": "https://swiftwc.github.io/ui/web-components/tool-bar"
|
|
874
988
|
}
|
|
875
989
|
],
|
|
876
|
-
"description": "### **Slots:**\n- **cancellation-action** — The item represents a cancellation action for a modal interface. Places the item in the leading edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **primary-action** — The item represents a primary action. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **confirmation-action** — The item represents a confirmation action for a modal interface. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **destructive-action** — The item represents a destructive action for a modal interface. Places the item in the leading edge of the top bar and on the leading edge of the bottom bar when fine modal\n- **top-bar-leading** — Places the item in the leading edge of the top bar\n- **top-bar-principal** — Places the item in the middle of the top bar\n- **top-bar-trailing** — Places the item in the trailing edge of the top bar\n- **bottom-bar-leading** — Places the item in the leading edge of the bottom bar\n- **bottom-bar-principal** — Places the item in the middle of the bottom bar\n- **bottom-bar-trailing** — Places the item in the trailing edge of the bottom bar"
|
|
990
|
+
"description": "A list of items placed into the toolbar or navigation bar around your content.\n---\n\n### **Slots:**\n- **cancellation-action** — The item represents a cancellation action for a modal interface. Places the item in the leading edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **primary-action** — The item represents a primary action. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **confirmation-action** — The item represents a confirmation action for a modal interface. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n- **destructive-action** — The item represents a destructive action for a modal interface. Places the item in the leading edge of the top bar and on the leading edge of the bottom bar when fine modal\n- **top-bar-leading** — Places the item in the leading edge of the top bar\n- **top-bar-principal** — Places the item in the middle of the top bar\n- **top-bar-trailing** — Places the item in the trailing edge of the top bar\n- **bottom-bar-leading** — Places the item in the leading edge of the bottom bar\n- **bottom-bar-principal** — Places the item in the middle of the bottom bar\n- **bottom-bar-trailing** — Places the item in the trailing edge of the bottom bar"
|
|
877
991
|
},
|
|
878
992
|
{
|
|
879
993
|
"name": "v-keyboard",
|
|
@@ -883,7 +997,6 @@
|
|
|
883
997
|
"url": "https://swiftwc.github.io/ui/web-components/v-keyboard"
|
|
884
998
|
}
|
|
885
999
|
],
|
|
886
|
-
"description": "BUG: Safari on IOS reports inaccurate innerHeight (which is what we really want) on orientationchange.\nSo we live with a pescy body-scrollbar that shows up on resize on desktops.\n---",
|
|
887
1000
|
"attributes": [
|
|
888
1001
|
{
|
|
889
1002
|
"name": "system-font",
|
|
@@ -894,7 +1007,8 @@
|
|
|
894
1007
|
}
|
|
895
1008
|
]
|
|
896
1009
|
}
|
|
897
|
-
]
|
|
1010
|
+
],
|
|
1011
|
+
"description": "Required component, used to handle the virtual keyboard on touch devices.\n---"
|
|
898
1012
|
},
|
|
899
1013
|
{
|
|
900
1014
|
"name": "v-stack",
|
|
@@ -904,7 +1018,6 @@
|
|
|
904
1018
|
"url": "https://swiftwc.github.io/ui/web-components/v-stack"
|
|
905
1019
|
}
|
|
906
1020
|
],
|
|
907
|
-
"description": "",
|
|
908
1021
|
"attributes": [
|
|
909
1022
|
{
|
|
910
1023
|
"name": "distribution",
|
|
@@ -933,12 +1046,12 @@
|
|
|
933
1046
|
{
|
|
934
1047
|
"name": "template",
|
|
935
1048
|
"description": "\nDescription: The main-axis grid template",
|
|
936
|
-
"valueSet": "
|
|
1049
|
+
"valueSet": "Template"
|
|
937
1050
|
},
|
|
938
1051
|
{
|
|
939
1052
|
"name": "spacing",
|
|
940
1053
|
"description": "\nDescription: The gap between the primary axis",
|
|
941
|
-
"valueSet": "
|
|
1054
|
+
"valueSet": "Spacing"
|
|
942
1055
|
},
|
|
943
1056
|
{
|
|
944
1057
|
"name": "alignment",
|
|
@@ -955,24 +1068,25 @@
|
|
|
955
1068
|
"description": "\nDescription: The main-axis alignment",
|
|
956
1069
|
"valueSet": "blockPlacementSet"
|
|
957
1070
|
}
|
|
958
|
-
]
|
|
1071
|
+
],
|
|
1072
|
+
"description": "A view that arranges its children one on top of the other.\n---"
|
|
959
1073
|
}
|
|
960
1074
|
],
|
|
961
1075
|
"globalAttributes": [
|
|
962
1076
|
{
|
|
963
1077
|
"name": "tint",
|
|
964
1078
|
"description": "Sets accent color",
|
|
965
|
-
"valueSet": "
|
|
1079
|
+
"valueSet": "Tint"
|
|
966
1080
|
},
|
|
967
1081
|
{
|
|
968
1082
|
"name": "list-item-tint",
|
|
969
1083
|
"description": "Sets accent color on list items",
|
|
970
|
-
"valueSet": "
|
|
1084
|
+
"valueSet": "Tint"
|
|
971
1085
|
},
|
|
972
1086
|
{
|
|
973
1087
|
"name": "foreground",
|
|
974
1088
|
"description": "Sets foreground color",
|
|
975
|
-
"valueSet": "
|
|
1089
|
+
"valueSet": "Foreground"
|
|
976
1090
|
},
|
|
977
1091
|
{
|
|
978
1092
|
"name": "frame:width",
|
|
@@ -987,7 +1101,7 @@
|
|
|
987
1101
|
],
|
|
988
1102
|
"valueSets": [
|
|
989
1103
|
{
|
|
990
|
-
"name": "
|
|
1104
|
+
"name": "Font",
|
|
991
1105
|
"values": [
|
|
992
1106
|
{
|
|
993
1107
|
"name": "footnote",
|
|
@@ -1040,7 +1154,7 @@
|
|
|
1040
1154
|
]
|
|
1041
1155
|
},
|
|
1042
1156
|
{
|
|
1043
|
-
"name": "
|
|
1157
|
+
"name": "Spacing",
|
|
1044
1158
|
"values": [
|
|
1045
1159
|
{
|
|
1046
1160
|
"name": "0",
|
|
@@ -1249,7 +1363,7 @@
|
|
|
1249
1363
|
]
|
|
1250
1364
|
},
|
|
1251
1365
|
{
|
|
1252
|
-
"name": "
|
|
1366
|
+
"name": "Tint",
|
|
1253
1367
|
"values": [
|
|
1254
1368
|
{
|
|
1255
1369
|
"name": "gray",
|
|
@@ -1278,7 +1392,7 @@
|
|
|
1278
1392
|
]
|
|
1279
1393
|
},
|
|
1280
1394
|
{
|
|
1281
|
-
"name": "
|
|
1395
|
+
"name": "Foreground",
|
|
1282
1396
|
"values": [
|
|
1283
1397
|
{
|
|
1284
1398
|
"name": "secondary",
|
|
@@ -1487,7 +1601,7 @@
|
|
|
1487
1601
|
]
|
|
1488
1602
|
},
|
|
1489
1603
|
{
|
|
1490
|
-
"name": "
|
|
1604
|
+
"name": "Template",
|
|
1491
1605
|
"values": [
|
|
1492
1606
|
{
|
|
1493
1607
|
"name": "spacer",
|