@latty-ds/web 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +106 -0
- package/custom-elements.json +8785 -0
- package/dist/base/index.d.ts +1 -0
- package/dist/base/index.js +35 -0
- package/dist/base/themeable-element.d.ts +20 -0
- package/dist/components/accordion/accordion.d.ts +82 -0
- package/dist/components/accordion/accordion.styles.d.ts +1 -0
- package/dist/components/accordion/accordion.types.d.ts +10 -0
- package/dist/components/accordion/index.d.ts +8 -0
- package/dist/components/accordion/index.js +468 -0
- package/dist/components/alert/alert.d.ts +51 -0
- package/dist/components/alert/alert.styles.d.ts +1 -0
- package/dist/components/alert/alert.types.d.ts +2 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/alert/index.js +746 -0
- package/dist/components/avatar/avatar.d.ts +27 -0
- package/dist/components/avatar/avatar.styles.d.ts +1 -0
- package/dist/components/avatar/avatar.types.d.ts +3 -0
- package/dist/components/avatar/index.d.ts +2 -0
- package/dist/components/avatar/index.js +222 -0
- package/dist/components/badge/badge.d.ts +29 -0
- package/dist/components/badge/badge.styles.d.ts +1 -0
- package/dist/components/badge/badge.types.d.ts +3 -0
- package/dist/components/badge/index.d.ts +2 -0
- package/dist/components/badge/index.js +277 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +53 -0
- package/dist/components/breadcrumb/breadcrumb.styles.d.ts +2 -0
- package/dist/components/breadcrumb/breadcrumb.types.d.ts +1 -0
- package/dist/components/breadcrumb/index.d.ts +2 -0
- package/dist/components/breadcrumb/index.js +166 -0
- package/dist/components/button/button.d.ts +111 -0
- package/dist/components/button/button.styles.d.ts +1 -0
- package/dist/components/button/button.types.d.ts +38 -0
- package/dist/components/button/index.d.ts +8 -0
- package/dist/components/button/index.js +466 -0
- package/dist/components/calendar/calendar.d.ts +84 -0
- package/dist/components/calendar/calendar.styles.d.ts +1 -0
- package/dist/components/calendar/calendar.types.d.ts +15 -0
- package/dist/components/calendar/index.d.ts +1 -0
- package/dist/components/calendar/index.js +958 -0
- package/dist/components/checkbox/checkbox.d.ts +113 -0
- package/dist/components/checkbox/checkbox.styles.d.ts +1 -0
- package/dist/components/checkbox/checkbox.types.d.ts +21 -0
- package/dist/components/checkbox/index.d.ts +8 -0
- package/dist/components/checkbox/index.js +320 -0
- package/dist/components/chip/chip.d.ts +35 -0
- package/dist/components/chip/chip.styles.d.ts +1 -0
- package/dist/components/chip/chip.types.d.ts +3 -0
- package/dist/components/chip/index.d.ts +2 -0
- package/dist/components/chip/index.js +282 -0
- package/dist/components/color-input/color-input.d.ts +55 -0
- package/dist/components/color-input/color-input.styles.d.ts +1 -0
- package/dist/components/color-input/color-input.types.d.ts +2 -0
- package/dist/components/color-input/index.d.ts +1 -0
- package/dist/components/color-input/index.js +489 -0
- package/dist/components/combobox/combobox.d.ts +59 -0
- package/dist/components/combobox/combobox.styles.d.ts +1 -0
- package/dist/components/combobox/combobox.types.d.ts +7 -0
- package/dist/components/combobox/index.d.ts +2 -0
- package/dist/components/combobox/index.js +1988 -0
- package/dist/components/date-input/date-input.d.ts +66 -0
- package/dist/components/date-input/date-input.styles.d.ts +1 -0
- package/dist/components/date-input/date-input.types.d.ts +3 -0
- package/dist/components/date-input/index.d.ts +2 -0
- package/dist/components/date-input/index.js +2863 -0
- package/dist/components/datepicker/datepicker.d.ts +52 -0
- package/dist/components/datepicker/datepicker.styles.d.ts +1 -0
- package/dist/components/datepicker/datepicker.types.d.ts +3 -0
- package/dist/components/datepicker/index.d.ts +2 -0
- package/dist/components/datepicker/index.js +416 -0
- package/dist/components/dialog/dialog.d.ts +114 -0
- package/dist/components/dialog/dialog.styles.d.ts +1 -0
- package/dist/components/dialog/dialog.types.d.ts +11 -0
- package/dist/components/dialog/index.d.ts +2 -0
- package/dist/components/dialog/index.js +920 -0
- package/dist/components/divider/divider.d.ts +35 -0
- package/dist/components/divider/divider.styles.d.ts +1 -0
- package/dist/components/divider/divider.types.d.ts +2 -0
- package/dist/components/divider/index.d.ts +2 -0
- package/dist/components/divider/index.js +149 -0
- package/dist/components/dropdown/dropdown-item.d.ts +24 -0
- package/dist/components/dropdown/dropdown-item.styles.d.ts +1 -0
- package/dist/components/dropdown/dropdown.d.ts +30 -0
- package/dist/components/dropdown/dropdown.styles.d.ts +1 -0
- package/dist/components/dropdown/dropdown.types.d.ts +1 -0
- package/dist/components/dropdown/index.d.ts +3 -0
- package/dist/components/dropdown/index.js +1791 -0
- package/dist/components/header/header.d.ts +19 -0
- package/dist/components/header/header.styles.d.ts +1 -0
- package/dist/components/header/header.types.d.ts +1 -0
- package/dist/components/header/index.d.ts +2 -0
- package/dist/components/header/index.js +104 -0
- package/dist/components/icon-button/icon-button.d.ts +52 -0
- package/dist/components/icon-button/icon-button.styles.d.ts +1 -0
- package/dist/components/icon-button/icon-button.types.d.ts +8 -0
- package/dist/components/icon-button/index.d.ts +1 -0
- package/dist/components/icon-button/index.js +342 -0
- package/dist/components/image/image.d.ts +26 -0
- package/dist/components/image/image.styles.d.ts +1 -0
- package/dist/components/image/image.types.d.ts +0 -0
- package/dist/components/image/index.d.ts +1 -0
- package/dist/components/image/index.js +105 -0
- package/dist/components/link/index.d.ts +1 -0
- package/dist/components/link/index.js +108 -0
- package/dist/components/link/link.d.ts +22 -0
- package/dist/components/link/link.styles.d.ts +1 -0
- package/dist/components/link/link.types.d.ts +1 -0
- package/dist/components/list/index.d.ts +9 -0
- package/dist/components/list/index.js +254 -0
- package/dist/components/list/list-item.d.ts +41 -0
- package/dist/components/list/list-item.styles.d.ts +1 -0
- package/dist/components/list/list.d.ts +85 -0
- package/dist/components/list/list.styles.d.ts +1 -0
- package/dist/components/list/list.types.d.ts +16 -0
- package/dist/components/nav/index.d.ts +3 -0
- package/dist/components/nav/index.js +345 -0
- package/dist/components/nav/nav-item.d.ts +73 -0
- package/dist/components/nav/nav.d.ts +49 -0
- package/dist/components/nav/nav.styles.d.ts +2 -0
- package/dist/components/nav/nav.types.d.ts +1 -0
- package/dist/components/pagination/index.d.ts +2 -0
- package/dist/components/pagination/index.js +210 -0
- package/dist/components/pagination/pagination.d.ts +34 -0
- package/dist/components/pagination/pagination.styles.d.ts +1 -0
- package/dist/components/pagination/pagination.types.d.ts +1 -0
- package/dist/components/progress/index.d.ts +2 -0
- package/dist/components/progress/index.js +167 -0
- package/dist/components/progress/progress.d.ts +44 -0
- package/dist/components/progress/progress.styles.d.ts +1 -0
- package/dist/components/progress/progress.types.d.ts +2 -0
- package/dist/components/radio/index.d.ts +8 -0
- package/dist/components/radio/index.js +294 -0
- package/dist/components/radio/radio.d.ts +96 -0
- package/dist/components/radio/radio.styles.d.ts +1 -0
- package/dist/components/radio/radio.types.d.ts +21 -0
- package/dist/components/radio-group/index.d.ts +8 -0
- package/dist/components/radio-group/index.js +384 -0
- package/dist/components/radio-group/radio-group.d.ts +100 -0
- package/dist/components/radio-group/radio-group.styles.d.ts +1 -0
- package/dist/components/radio-group/radio-group.types.d.ts +8 -0
- package/dist/components/select/index.d.ts +8 -0
- package/dist/components/select/index.js +2123 -0
- package/dist/components/select/select.d.ts +129 -0
- package/dist/components/select/select.styles.d.ts +1 -0
- package/dist/components/select/select.types.d.ts +37 -0
- package/dist/components/shared/backdrop.styles.d.ts +1 -0
- package/dist/components/shared/floating.d.ts +10 -0
- package/dist/components/sidepanel/index.d.ts +1 -0
- package/dist/components/sidepanel/index.js +768 -0
- package/dist/components/sidepanel/sidepanel.d.ts +48 -0
- package/dist/components/sidepanel/sidepanel.styles.d.ts +1 -0
- package/dist/components/sidepanel/sidepanel.types.d.ts +1 -0
- package/dist/components/skeleton/index.d.ts +2 -0
- package/dist/components/skeleton/index.js +129 -0
- package/dist/components/skeleton/skeleton.d.ts +39 -0
- package/dist/components/skeleton/skeleton.styles.d.ts +1 -0
- package/dist/components/skeleton/skeleton.types.d.ts +1 -0
- package/dist/components/slider/index.d.ts +2 -0
- package/dist/components/slider/index.js +635 -0
- package/dist/components/slider/slider.d.ts +33 -0
- package/dist/components/slider/slider.styles.d.ts +1 -0
- package/dist/components/slider/slider.types.d.ts +1 -0
- package/dist/components/snackbar/index.d.ts +2 -0
- package/dist/components/snackbar/index.js +358 -0
- package/dist/components/snackbar/snackbar.d.ts +63 -0
- package/dist/components/snackbar/snackbar.styles.d.ts +1 -0
- package/dist/components/snackbar/snackbar.types.d.ts +1 -0
- package/dist/components/spinner/index.d.ts +8 -0
- package/dist/components/spinner/index.js +131 -0
- package/dist/components/spinner/spineer.styles.d.ts +1 -0
- package/dist/components/spinner/spinner.d.ts +52 -0
- package/dist/components/spinner/spinner.types.d.ts +18 -0
- package/dist/components/surface/index.d.ts +8 -0
- package/dist/components/surface/index.js +128 -0
- package/dist/components/surface/surface.d.ts +48 -0
- package/dist/components/surface/surface.styles.d.ts +1 -0
- package/dist/components/surface/surface.types.d.ts +20 -0
- package/dist/components/switch/index.d.ts +8 -0
- package/dist/components/switch/index.js +293 -0
- package/dist/components/switch/switch.d.ts +90 -0
- package/dist/components/switch/switch.styles.d.ts +1 -0
- package/dist/components/switch/switch.types.d.ts +21 -0
- package/dist/components/tab/index.d.ts +9 -0
- package/dist/components/tab/index.js +252 -0
- package/dist/components/tab/tab-panel.d.ts +28 -0
- package/dist/components/tab/tab-panel.styles.d.ts +1 -0
- package/dist/components/tab/tab.d.ts +59 -0
- package/dist/components/tab/tab.styles.d.ts +1 -0
- package/dist/components/tab/tab.types.d.ts +7 -0
- package/dist/components/tab-group/index.d.ts +8 -0
- package/dist/components/tab-group/index.js +441 -0
- package/dist/components/tab-group/tab-group.d.ts +99 -0
- package/dist/components/tab-group/tab-group.styles.d.ts +1 -0
- package/dist/components/tab-group/tab-group.types.d.ts +11 -0
- package/dist/components/table/index.d.ts +2 -0
- package/dist/components/table/index.js +582 -0
- package/dist/components/table/table.d.ts +160 -0
- package/dist/components/table/table.styles.d.ts +1 -0
- package/dist/components/table/table.types.d.ts +106 -0
- package/dist/components/text/index.d.ts +1 -0
- package/dist/components/text/index.js +207 -0
- package/dist/components/text/text.d.ts +32 -0
- package/dist/components/text/text.styles.d.ts +1 -0
- package/dist/components/text/text.types.d.ts +2 -0
- package/dist/components/textfield/index.d.ts +8 -0
- package/dist/components/textfield/index.js +718 -0
- package/dist/components/textfield/textfield.d.ts +168 -0
- package/dist/components/textfield/textfield.styles.d.ts +1 -0
- package/dist/components/textfield/textfield.types.d.ts +40 -0
- package/dist/components/tooltip/index.d.ts +2 -0
- package/dist/components/tooltip/index.js +379 -0
- package/dist/components/tooltip/tooltip.d.ts +42 -0
- package/dist/components/tooltip/tooltip.styles.d.ts +1 -0
- package/dist/components/tooltip/tooltip.types.d.ts +1 -0
- package/dist/css/font-face.css +22 -0
- package/dist/css/latty.css +57 -0
- package/dist/fonts/HankenGrotesk-Variable.woff2 +0 -0
- package/dist/fonts/HankenGrotesk-VariableItalic.woff2 +0 -0
- package/dist/index.cjs +12739 -0
- package/dist/index.d.ts +101 -0
- package/dist/index.js +11406 -0
- package/dist/manifest.json +2396 -0
- package/dist/utils/click-outside.d.ts +22 -0
- package/dist/utils/color.d.ts +14 -0
- package/dist/utils/dispatch.d.ts +18 -0
- package/dist/utils/index.d.ts +3 -0
- package/package.json +231 -0
|
@@ -0,0 +1,2396 @@
|
|
|
1
|
+
{
|
|
2
|
+
"_meta": {
|
|
3
|
+
"iconNames": [
|
|
4
|
+
"arrow-down",
|
|
5
|
+
"arrow-left",
|
|
6
|
+
"arrow-right",
|
|
7
|
+
"arrow-up",
|
|
8
|
+
"at-sign",
|
|
9
|
+
"attach",
|
|
10
|
+
"award",
|
|
11
|
+
"bell",
|
|
12
|
+
"bluetooth",
|
|
13
|
+
"bookmark",
|
|
14
|
+
"calendar",
|
|
15
|
+
"camera",
|
|
16
|
+
"caret-down",
|
|
17
|
+
"caret-left",
|
|
18
|
+
"caret-right",
|
|
19
|
+
"caret-up",
|
|
20
|
+
"chart",
|
|
21
|
+
"chat",
|
|
22
|
+
"check",
|
|
23
|
+
"check-circle",
|
|
24
|
+
"circle",
|
|
25
|
+
"clock",
|
|
26
|
+
"cloud",
|
|
27
|
+
"code",
|
|
28
|
+
"collapse",
|
|
29
|
+
"color-palette",
|
|
30
|
+
"columns",
|
|
31
|
+
"compass",
|
|
32
|
+
"copy",
|
|
33
|
+
"cpu",
|
|
34
|
+
"crop",
|
|
35
|
+
"cursor",
|
|
36
|
+
"database",
|
|
37
|
+
"diamond",
|
|
38
|
+
"discord",
|
|
39
|
+
"double-circle",
|
|
40
|
+
"download",
|
|
41
|
+
"drag",
|
|
42
|
+
"dribbble",
|
|
43
|
+
"edit",
|
|
44
|
+
"expand",
|
|
45
|
+
"external",
|
|
46
|
+
"eye-close",
|
|
47
|
+
"eye-open",
|
|
48
|
+
"facebook",
|
|
49
|
+
"film",
|
|
50
|
+
"filter",
|
|
51
|
+
"fingerprint",
|
|
52
|
+
"fire",
|
|
53
|
+
"flag",
|
|
54
|
+
"flip",
|
|
55
|
+
"folder",
|
|
56
|
+
"fullscreen",
|
|
57
|
+
"github",
|
|
58
|
+
"globe",
|
|
59
|
+
"grid",
|
|
60
|
+
"hand",
|
|
61
|
+
"hash",
|
|
62
|
+
"headphones",
|
|
63
|
+
"heart",
|
|
64
|
+
"hexagon",
|
|
65
|
+
"home",
|
|
66
|
+
"image",
|
|
67
|
+
"infinity",
|
|
68
|
+
"info-circle",
|
|
69
|
+
"instagram",
|
|
70
|
+
"key",
|
|
71
|
+
"layers",
|
|
72
|
+
"leaf",
|
|
73
|
+
"lightning",
|
|
74
|
+
"link",
|
|
75
|
+
"linkedin",
|
|
76
|
+
"list-view",
|
|
77
|
+
"location",
|
|
78
|
+
"lock",
|
|
79
|
+
"mail",
|
|
80
|
+
"map",
|
|
81
|
+
"menu",
|
|
82
|
+
"microphone",
|
|
83
|
+
"minimize",
|
|
84
|
+
"minus",
|
|
85
|
+
"mobile",
|
|
86
|
+
"monitor",
|
|
87
|
+
"moon",
|
|
88
|
+
"more-horizontal",
|
|
89
|
+
"more-vertical",
|
|
90
|
+
"move",
|
|
91
|
+
"music",
|
|
92
|
+
"package",
|
|
93
|
+
"pause",
|
|
94
|
+
"phone",
|
|
95
|
+
"pin",
|
|
96
|
+
"play",
|
|
97
|
+
"plug",
|
|
98
|
+
"plus",
|
|
99
|
+
"print",
|
|
100
|
+
"question-circle",
|
|
101
|
+
"record",
|
|
102
|
+
"redo",
|
|
103
|
+
"refresh",
|
|
104
|
+
"return",
|
|
105
|
+
"rotate-cw",
|
|
106
|
+
"route",
|
|
107
|
+
"satellite",
|
|
108
|
+
"save",
|
|
109
|
+
"scissors",
|
|
110
|
+
"search",
|
|
111
|
+
"select",
|
|
112
|
+
"send",
|
|
113
|
+
"server",
|
|
114
|
+
"settings",
|
|
115
|
+
"share",
|
|
116
|
+
"shield",
|
|
117
|
+
"sidebar",
|
|
118
|
+
"slack",
|
|
119
|
+
"sort",
|
|
120
|
+
"spiral",
|
|
121
|
+
"square",
|
|
122
|
+
"star",
|
|
123
|
+
"stop",
|
|
124
|
+
"sun",
|
|
125
|
+
"switch",
|
|
126
|
+
"tag",
|
|
127
|
+
"target",
|
|
128
|
+
"telegram",
|
|
129
|
+
"terminal",
|
|
130
|
+
"thumb-down",
|
|
131
|
+
"thumb-up",
|
|
132
|
+
"tiktok",
|
|
133
|
+
"trash",
|
|
134
|
+
"triangle",
|
|
135
|
+
"undo",
|
|
136
|
+
"unlock",
|
|
137
|
+
"upload",
|
|
138
|
+
"user",
|
|
139
|
+
"verified",
|
|
140
|
+
"volume-high",
|
|
141
|
+
"volume-low",
|
|
142
|
+
"volume-off",
|
|
143
|
+
"warning-triangle",
|
|
144
|
+
"wave",
|
|
145
|
+
"whatsapp",
|
|
146
|
+
"whatsapp-inverse",
|
|
147
|
+
"wifi",
|
|
148
|
+
"x",
|
|
149
|
+
"xmark",
|
|
150
|
+
"xmark-circle",
|
|
151
|
+
"youtube",
|
|
152
|
+
"youtube-inverse",
|
|
153
|
+
"zoom-in",
|
|
154
|
+
"zoom-out"
|
|
155
|
+
]
|
|
156
|
+
},
|
|
157
|
+
"lt-accordion": {
|
|
158
|
+
"members": [
|
|
159
|
+
{
|
|
160
|
+
"name": "label",
|
|
161
|
+
"description": "Label/title text for the accordion header.",
|
|
162
|
+
"type": "text",
|
|
163
|
+
"default": ""
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "icon-start",
|
|
167
|
+
"description": "Icon name to display at the start of the header.",
|
|
168
|
+
"type": "icon",
|
|
169
|
+
"default": ""
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "appearance",
|
|
173
|
+
"description": "Visual appearance of the accordion.",
|
|
174
|
+
"type": "select",
|
|
175
|
+
"options": [
|
|
176
|
+
"default",
|
|
177
|
+
"filled",
|
|
178
|
+
"outlined",
|
|
179
|
+
"clean"
|
|
180
|
+
],
|
|
181
|
+
"default": "default"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"name": "open",
|
|
185
|
+
"description": "Whether the accordion is initially open.",
|
|
186
|
+
"type": "boolean",
|
|
187
|
+
"default": false
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"name": "disabled",
|
|
191
|
+
"description": "Whether the accordion is disabled.",
|
|
192
|
+
"type": "boolean",
|
|
193
|
+
"default": false
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"name": "uppercase",
|
|
197
|
+
"description": "Renders the header label in small caps with wider letter spacing.",
|
|
198
|
+
"type": "boolean",
|
|
199
|
+
"default": false
|
|
200
|
+
}
|
|
201
|
+
]
|
|
202
|
+
},
|
|
203
|
+
"lt-avatar": {
|
|
204
|
+
"members": [
|
|
205
|
+
{
|
|
206
|
+
"name": "src",
|
|
207
|
+
"description": "URL of the avatar image.",
|
|
208
|
+
"type": "text",
|
|
209
|
+
"default": ""
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"name": "name",
|
|
213
|
+
"description": "Full name used to derive initials when no image is available.",
|
|
214
|
+
"type": "text",
|
|
215
|
+
"default": ""
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"name": "alt",
|
|
219
|
+
"description": "Accessible label for the image (defaults to `name`).",
|
|
220
|
+
"type": "text",
|
|
221
|
+
"default": ""
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"name": "size",
|
|
225
|
+
"description": "Size of the avatar.",
|
|
226
|
+
"type": "select",
|
|
227
|
+
"options": [
|
|
228
|
+
"xs",
|
|
229
|
+
"sm",
|
|
230
|
+
"md",
|
|
231
|
+
"lg",
|
|
232
|
+
"xl"
|
|
233
|
+
],
|
|
234
|
+
"default": "md"
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"name": "shape",
|
|
238
|
+
"description": "Shape of the avatar.",
|
|
239
|
+
"type": "select",
|
|
240
|
+
"options": [
|
|
241
|
+
"circle",
|
|
242
|
+
"square"
|
|
243
|
+
],
|
|
244
|
+
"default": "circle"
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"name": "color",
|
|
248
|
+
"description": "Background color used for the initials and icon fallback states.",
|
|
249
|
+
"type": "select",
|
|
250
|
+
"options": [
|
|
251
|
+
"neutral",
|
|
252
|
+
"primary",
|
|
253
|
+
"secondary",
|
|
254
|
+
"success",
|
|
255
|
+
"warning",
|
|
256
|
+
"error",
|
|
257
|
+
"info"
|
|
258
|
+
],
|
|
259
|
+
"default": "neutral"
|
|
260
|
+
}
|
|
261
|
+
]
|
|
262
|
+
},
|
|
263
|
+
"lt-alert": {
|
|
264
|
+
"members": [
|
|
265
|
+
{
|
|
266
|
+
"name": "variant",
|
|
267
|
+
"description": "Visual style.",
|
|
268
|
+
"type": "select",
|
|
269
|
+
"options": [
|
|
270
|
+
"default",
|
|
271
|
+
"success",
|
|
272
|
+
"warning",
|
|
273
|
+
"error",
|
|
274
|
+
"info"
|
|
275
|
+
],
|
|
276
|
+
"default": "default"
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"name": "appearance",
|
|
280
|
+
"description": "Visual treatment. `filled` uses a tinted background with border, `outlined` uses a white background with border, `solid` uses a solid color background with no border.",
|
|
281
|
+
"type": "select",
|
|
282
|
+
"options": [
|
|
283
|
+
"filled",
|
|
284
|
+
"outlined",
|
|
285
|
+
"solid"
|
|
286
|
+
],
|
|
287
|
+
"default": "filled"
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
"name": "title",
|
|
291
|
+
"description": "Optional bold heading above the body content.",
|
|
292
|
+
"type": "text",
|
|
293
|
+
"default": ""
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
"name": "icon",
|
|
297
|
+
"description": "Icon to show before the body. Leave empty for auto (shows variant icon for status variants),\nset to `\"none\"` to suppress, or pass any icon name to override.",
|
|
298
|
+
"type": "icon",
|
|
299
|
+
"default": ""
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
"name": "closable",
|
|
303
|
+
"description": "Show a dismiss button. Clicking it fires lt-close and removes the element.",
|
|
304
|
+
"type": "boolean",
|
|
305
|
+
"default": false
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"name": "background",
|
|
309
|
+
"description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
|
|
310
|
+
"type": "color",
|
|
311
|
+
"default": ""
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"name": "uppercase",
|
|
315
|
+
"description": "Renders the title in small caps with wider letter spacing.",
|
|
316
|
+
"type": "boolean",
|
|
317
|
+
"default": false
|
|
318
|
+
}
|
|
319
|
+
]
|
|
320
|
+
},
|
|
321
|
+
"lt-badge": {
|
|
322
|
+
"members": [
|
|
323
|
+
{
|
|
324
|
+
"name": "appearance",
|
|
325
|
+
"description": "Visual style: tinted fill, outline only, or full-color solid.",
|
|
326
|
+
"type": "select",
|
|
327
|
+
"options": [
|
|
328
|
+
"filled",
|
|
329
|
+
"outlined",
|
|
330
|
+
"solid"
|
|
331
|
+
],
|
|
332
|
+
"default": "filled"
|
|
333
|
+
},
|
|
334
|
+
{
|
|
335
|
+
"name": "variant",
|
|
336
|
+
"description": "Color scheme.",
|
|
337
|
+
"type": "select",
|
|
338
|
+
"options": [
|
|
339
|
+
"primary",
|
|
340
|
+
"secondary",
|
|
341
|
+
"success",
|
|
342
|
+
"warning",
|
|
343
|
+
"error",
|
|
344
|
+
"neutral"
|
|
345
|
+
],
|
|
346
|
+
"default": "primary"
|
|
347
|
+
},
|
|
348
|
+
{
|
|
349
|
+
"name": "size",
|
|
350
|
+
"description": "Size.",
|
|
351
|
+
"type": "select",
|
|
352
|
+
"options": [
|
|
353
|
+
"sm",
|
|
354
|
+
"md",
|
|
355
|
+
"lg"
|
|
356
|
+
],
|
|
357
|
+
"default": "md"
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"name": "content",
|
|
361
|
+
"description": "Label text. When empty the badge renders as a circle indicator.",
|
|
362
|
+
"type": "text",
|
|
363
|
+
"default": ""
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
"name": "dot",
|
|
367
|
+
"description": "Show a leading status dot (only visible when content is set).",
|
|
368
|
+
"type": "boolean",
|
|
369
|
+
"default": false
|
|
370
|
+
}
|
|
371
|
+
]
|
|
372
|
+
},
|
|
373
|
+
"lt-breadcrumb": {
|
|
374
|
+
"members": [
|
|
375
|
+
{
|
|
376
|
+
"name": "separator",
|
|
377
|
+
"description": "The character or element to use as a separator between breadcrumb items.\nThis is passed down to all children items via CSS variables.",
|
|
378
|
+
"type": "text",
|
|
379
|
+
"default": "/"
|
|
380
|
+
}
|
|
381
|
+
]
|
|
382
|
+
},
|
|
383
|
+
"lt-breadcrumb-item": {
|
|
384
|
+
"members": [
|
|
385
|
+
{
|
|
386
|
+
"name": "href",
|
|
387
|
+
"description": "URL this item links to. Omit for the current (last) item.",
|
|
388
|
+
"type": "text",
|
|
389
|
+
"default": ""
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
"name": "current",
|
|
393
|
+
"description": "Marks this item as the current page. Renders as non-linked text with `aria-current=\"page\"`.",
|
|
394
|
+
"type": "boolean",
|
|
395
|
+
"default": false
|
|
396
|
+
},
|
|
397
|
+
{
|
|
398
|
+
"name": "separator",
|
|
399
|
+
"description": "Custom separator for this specific item. Overrides the parent's separator.",
|
|
400
|
+
"type": "text",
|
|
401
|
+
"default": ""
|
|
402
|
+
}
|
|
403
|
+
]
|
|
404
|
+
},
|
|
405
|
+
"lt-button": {
|
|
406
|
+
"members": [
|
|
407
|
+
{
|
|
408
|
+
"name": "variant",
|
|
409
|
+
"description": "Visual variant that determines the button's color scheme.",
|
|
410
|
+
"type": "select",
|
|
411
|
+
"options": [
|
|
412
|
+
"primary",
|
|
413
|
+
"secondary",
|
|
414
|
+
"neutral",
|
|
415
|
+
"success",
|
|
416
|
+
"warning",
|
|
417
|
+
"error",
|
|
418
|
+
"info"
|
|
419
|
+
],
|
|
420
|
+
"default": "primary"
|
|
421
|
+
},
|
|
422
|
+
{
|
|
423
|
+
"name": "appearance",
|
|
424
|
+
"description": "Appearance style (filled or outlined).",
|
|
425
|
+
"type": "select",
|
|
426
|
+
"options": [
|
|
427
|
+
"filled",
|
|
428
|
+
"outlined"
|
|
429
|
+
],
|
|
430
|
+
"default": "filled"
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"name": "size",
|
|
434
|
+
"description": "Size of the button (affects height, font size, and padding).",
|
|
435
|
+
"type": "select",
|
|
436
|
+
"options": [
|
|
437
|
+
"sm",
|
|
438
|
+
"md",
|
|
439
|
+
"lg"
|
|
440
|
+
],
|
|
441
|
+
"default": "md"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"name": "disabled",
|
|
445
|
+
"description": "Whether the button is disabled.",
|
|
446
|
+
"type": "boolean",
|
|
447
|
+
"default": false
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
"name": "loading",
|
|
451
|
+
"description": "Whether the button is in loading state.\nShows a spinner and disables interaction.",
|
|
452
|
+
"type": "boolean",
|
|
453
|
+
"default": false
|
|
454
|
+
},
|
|
455
|
+
{
|
|
456
|
+
"name": "icon-start",
|
|
457
|
+
"description": "Icon name to display at the start of the button.",
|
|
458
|
+
"type": "icon",
|
|
459
|
+
"default": ""
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"name": "icon-end",
|
|
463
|
+
"description": "Icon name to display at the end of the button.",
|
|
464
|
+
"type": "icon",
|
|
465
|
+
"default": ""
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"name": "full-width",
|
|
469
|
+
"description": "Whether the button stretches to fill its container's width.",
|
|
470
|
+
"type": "boolean",
|
|
471
|
+
"default": false
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"name": "uppercase",
|
|
475
|
+
"description": "Renders the button label in small caps with wider letter spacing.",
|
|
476
|
+
"type": "boolean",
|
|
477
|
+
"default": false
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"name": "href",
|
|
481
|
+
"description": "When set, renders an `<a>` tag instead of `<button>`.\nAll visual styles and states are preserved.",
|
|
482
|
+
"type": "text",
|
|
483
|
+
"default": ""
|
|
484
|
+
},
|
|
485
|
+
{
|
|
486
|
+
"name": "target",
|
|
487
|
+
"description": "Forwarded to the anchor's `target` attribute when `href` is set.",
|
|
488
|
+
"type": "text",
|
|
489
|
+
"default": ""
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
"name": "rel",
|
|
493
|
+
"description": "Forwarded to the anchor's `rel` attribute when `href` is set.\nDefaults to `noopener noreferrer` when `target=\"_blank\"` and `rel` is not specified.",
|
|
494
|
+
"type": "text",
|
|
495
|
+
"default": ""
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"name": "type",
|
|
499
|
+
"description": "Form behaviour when the button is inside a `<form>`.\n`submit` triggers form validation and submission; `reset` restores initial values.",
|
|
500
|
+
"type": "select",
|
|
501
|
+
"options": [
|
|
502
|
+
"button",
|
|
503
|
+
"submit",
|
|
504
|
+
"reset"
|
|
505
|
+
],
|
|
506
|
+
"default": "button"
|
|
507
|
+
}
|
|
508
|
+
]
|
|
509
|
+
},
|
|
510
|
+
"lt-calendar": {
|
|
511
|
+
"members": [
|
|
512
|
+
{
|
|
513
|
+
"name": "mode",
|
|
514
|
+
"description": "Selection mode. \"single\" selects one date; \"range\" selects a start and end date.",
|
|
515
|
+
"type": "select",
|
|
516
|
+
"options": [
|
|
517
|
+
"single",
|
|
518
|
+
"range"
|
|
519
|
+
],
|
|
520
|
+
"default": "single"
|
|
521
|
+
},
|
|
522
|
+
{
|
|
523
|
+
"name": "value",
|
|
524
|
+
"description": "Selected date in ISO format (YYYY-MM-DD). Used in mode=\"single\".",
|
|
525
|
+
"type": "text",
|
|
526
|
+
"default": ""
|
|
527
|
+
},
|
|
528
|
+
{
|
|
529
|
+
"name": "value-start",
|
|
530
|
+
"description": "Range start date in ISO format. Used in mode=\"range\".",
|
|
531
|
+
"type": "text",
|
|
532
|
+
"default": ""
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"name": "value-end",
|
|
536
|
+
"description": "Range end date in ISO format. Used in mode=\"range\".",
|
|
537
|
+
"type": "text",
|
|
538
|
+
"default": ""
|
|
539
|
+
},
|
|
540
|
+
{
|
|
541
|
+
"name": "min",
|
|
542
|
+
"description": "Minimum selectable date (ISO format). Dates before this are disabled.",
|
|
543
|
+
"type": "text",
|
|
544
|
+
"default": ""
|
|
545
|
+
},
|
|
546
|
+
{
|
|
547
|
+
"name": "max",
|
|
548
|
+
"description": "Maximum selectable date (ISO format). Dates after this are disabled.",
|
|
549
|
+
"type": "text",
|
|
550
|
+
"default": ""
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"name": "locale",
|
|
554
|
+
"description": "BCP 47 locale used for day and month names.",
|
|
555
|
+
"type": "text",
|
|
556
|
+
"default": "en-US"
|
|
557
|
+
},
|
|
558
|
+
{
|
|
559
|
+
"name": "week-start",
|
|
560
|
+
"description": "First day of the week. 0 = Sunday, 1 = Monday.",
|
|
561
|
+
"type": "select",
|
|
562
|
+
"options": [
|
|
563
|
+
"0",
|
|
564
|
+
"1"
|
|
565
|
+
],
|
|
566
|
+
"default": "0"
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"name": "show-outside-days",
|
|
570
|
+
"description": "Whether to render filler days from the previous and next month.",
|
|
571
|
+
"type": "boolean",
|
|
572
|
+
"default": true
|
|
573
|
+
},
|
|
574
|
+
{
|
|
575
|
+
"name": "disabled",
|
|
576
|
+
"description": "Disables all interaction.",
|
|
577
|
+
"type": "boolean",
|
|
578
|
+
"default": false
|
|
579
|
+
},
|
|
580
|
+
{
|
|
581
|
+
"name": "months",
|
|
582
|
+
"description": "Number of month panels to display side-by-side.",
|
|
583
|
+
"type": "number",
|
|
584
|
+
"default": 1
|
|
585
|
+
}
|
|
586
|
+
]
|
|
587
|
+
},
|
|
588
|
+
"lt-checkbox": {
|
|
589
|
+
"members": [
|
|
590
|
+
{
|
|
591
|
+
"name": "variant",
|
|
592
|
+
"description": "Visual variant that determines the color when checked.",
|
|
593
|
+
"type": "select",
|
|
594
|
+
"options": [
|
|
595
|
+
"primary",
|
|
596
|
+
"secondary",
|
|
597
|
+
"success",
|
|
598
|
+
"error",
|
|
599
|
+
"info"
|
|
600
|
+
],
|
|
601
|
+
"default": "primary"
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"name": "size",
|
|
605
|
+
"description": "Size of the checkbox.",
|
|
606
|
+
"type": "select",
|
|
607
|
+
"options": [
|
|
608
|
+
"sm",
|
|
609
|
+
"md",
|
|
610
|
+
"lg"
|
|
611
|
+
],
|
|
612
|
+
"default": "md"
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"name": "checked",
|
|
616
|
+
"description": "Whether the checkbox is checked.",
|
|
617
|
+
"type": "boolean",
|
|
618
|
+
"default": false
|
|
619
|
+
},
|
|
620
|
+
{
|
|
621
|
+
"name": "indeterminate",
|
|
622
|
+
"description": "Whether the checkbox is in indeterminate state.\nUsed for \"select all\" checkboxes when some items are selected.",
|
|
623
|
+
"type": "boolean",
|
|
624
|
+
"default": false
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"name": "disabled",
|
|
628
|
+
"description": "Whether the checkbox is disabled.",
|
|
629
|
+
"type": "boolean",
|
|
630
|
+
"default": false
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "required",
|
|
634
|
+
"description": "Whether the checkbox is required.",
|
|
635
|
+
"type": "boolean",
|
|
636
|
+
"default": false
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "label",
|
|
640
|
+
"description": "Label text displayed next to the checkbox.",
|
|
641
|
+
"type": "text",
|
|
642
|
+
"default": ""
|
|
643
|
+
},
|
|
644
|
+
{
|
|
645
|
+
"name": "label-position",
|
|
646
|
+
"description": "Position of the label relative to the checkbox.",
|
|
647
|
+
"type": "select",
|
|
648
|
+
"options": [
|
|
649
|
+
"left",
|
|
650
|
+
"right"
|
|
651
|
+
],
|
|
652
|
+
"default": "right"
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"name": "name",
|
|
656
|
+
"description": "Name attribute for form submission.",
|
|
657
|
+
"type": "text",
|
|
658
|
+
"default": ""
|
|
659
|
+
},
|
|
660
|
+
{
|
|
661
|
+
"name": "value",
|
|
662
|
+
"description": "Value attribute for form submission.",
|
|
663
|
+
"type": "text",
|
|
664
|
+
"default": "on"
|
|
665
|
+
}
|
|
666
|
+
]
|
|
667
|
+
},
|
|
668
|
+
"lt-chip": {
|
|
669
|
+
"members": [
|
|
670
|
+
{
|
|
671
|
+
"name": "appearance",
|
|
672
|
+
"description": "Visual appearance (filled tinted background or outlined border only).",
|
|
673
|
+
"type": "select",
|
|
674
|
+
"options": [
|
|
675
|
+
"filled",
|
|
676
|
+
"outlined"
|
|
677
|
+
],
|
|
678
|
+
"default": "filled"
|
|
679
|
+
},
|
|
680
|
+
{
|
|
681
|
+
"name": "variant",
|
|
682
|
+
"description": "Color scheme.",
|
|
683
|
+
"type": "select",
|
|
684
|
+
"options": [
|
|
685
|
+
"primary",
|
|
686
|
+
"secondary",
|
|
687
|
+
"neutral",
|
|
688
|
+
"success",
|
|
689
|
+
"warning",
|
|
690
|
+
"error",
|
|
691
|
+
"info"
|
|
692
|
+
],
|
|
693
|
+
"default": "primary"
|
|
694
|
+
},
|
|
695
|
+
{
|
|
696
|
+
"name": "size",
|
|
697
|
+
"description": "Size (affects height, font, and padding).",
|
|
698
|
+
"type": "select",
|
|
699
|
+
"options": [
|
|
700
|
+
"sm",
|
|
701
|
+
"md",
|
|
702
|
+
"lg"
|
|
703
|
+
],
|
|
704
|
+
"default": "md"
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "disabled",
|
|
708
|
+
"description": "Disables the chip and its delete button.",
|
|
709
|
+
"type": "boolean",
|
|
710
|
+
"default": false
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"name": "deletable",
|
|
714
|
+
"description": "Shows a delete/dismiss button that fires `lt-delete` when clicked.",
|
|
715
|
+
"type": "boolean",
|
|
716
|
+
"default": false
|
|
717
|
+
},
|
|
718
|
+
{
|
|
719
|
+
"name": "background",
|
|
720
|
+
"description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
|
|
721
|
+
"type": "color",
|
|
722
|
+
"default": ""
|
|
723
|
+
}
|
|
724
|
+
]
|
|
725
|
+
},
|
|
726
|
+
"lt-color-input": {
|
|
727
|
+
"members": [
|
|
728
|
+
{
|
|
729
|
+
"name": "value",
|
|
730
|
+
"description": "The current color value. Accepts hex (`#7c3aed`), rgb (`rgb(124, 58, 237)`),\nor hsl (`hsl(263, 70%, 58%)`). Emitted values match the `format` prop.",
|
|
731
|
+
"type": "text",
|
|
732
|
+
"default": ""
|
|
733
|
+
},
|
|
734
|
+
{
|
|
735
|
+
"name": "format",
|
|
736
|
+
"description": "Output format for the displayed value and emitted `change` events.",
|
|
737
|
+
"type": "select",
|
|
738
|
+
"options": [
|
|
739
|
+
"hex",
|
|
740
|
+
"rgb",
|
|
741
|
+
"hsl"
|
|
742
|
+
],
|
|
743
|
+
"default": "hex"
|
|
744
|
+
},
|
|
745
|
+
{
|
|
746
|
+
"name": "label",
|
|
747
|
+
"description": "Label text displayed above the input.",
|
|
748
|
+
"type": "text",
|
|
749
|
+
"default": ""
|
|
750
|
+
},
|
|
751
|
+
{
|
|
752
|
+
"name": "placeholder",
|
|
753
|
+
"description": "Placeholder shown when no color is selected.",
|
|
754
|
+
"type": "text",
|
|
755
|
+
"default": "Pick a color"
|
|
756
|
+
},
|
|
757
|
+
{
|
|
758
|
+
"name": "disabled",
|
|
759
|
+
"description": "Whether the input is disabled.",
|
|
760
|
+
"type": "boolean",
|
|
761
|
+
"default": false
|
|
762
|
+
},
|
|
763
|
+
{
|
|
764
|
+
"name": "size",
|
|
765
|
+
"description": "Size of the input — affects height and padding.",
|
|
766
|
+
"type": "select",
|
|
767
|
+
"options": [
|
|
768
|
+
"sm",
|
|
769
|
+
"md",
|
|
770
|
+
"lg"
|
|
771
|
+
],
|
|
772
|
+
"default": "md"
|
|
773
|
+
}
|
|
774
|
+
]
|
|
775
|
+
},
|
|
776
|
+
"lt-combobox": {
|
|
777
|
+
"members": [
|
|
778
|
+
{
|
|
779
|
+
"name": "value",
|
|
780
|
+
"description": "Currently selected value.",
|
|
781
|
+
"type": "text",
|
|
782
|
+
"default": ""
|
|
783
|
+
},
|
|
784
|
+
{
|
|
785
|
+
"name": "label",
|
|
786
|
+
"description": "Field label displayed above the input.",
|
|
787
|
+
"type": "text",
|
|
788
|
+
"default": ""
|
|
789
|
+
},
|
|
790
|
+
{
|
|
791
|
+
"name": "placeholder",
|
|
792
|
+
"description": "Placeholder text shown when nothing is typed.",
|
|
793
|
+
"type": "text",
|
|
794
|
+
"default": "Search…"
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
"name": "helper-text",
|
|
798
|
+
"description": "Helper or error text displayed below the input.",
|
|
799
|
+
"type": "text",
|
|
800
|
+
"default": ""
|
|
801
|
+
},
|
|
802
|
+
{
|
|
803
|
+
"name": "variant",
|
|
804
|
+
"description": "Visual state variant.",
|
|
805
|
+
"type": "select",
|
|
806
|
+
"options": [
|
|
807
|
+
"default",
|
|
808
|
+
"success",
|
|
809
|
+
"warning",
|
|
810
|
+
"error"
|
|
811
|
+
],
|
|
812
|
+
"default": "default"
|
|
813
|
+
},
|
|
814
|
+
{
|
|
815
|
+
"name": "size",
|
|
816
|
+
"description": "Visual size.",
|
|
817
|
+
"type": "select",
|
|
818
|
+
"options": [
|
|
819
|
+
"sm",
|
|
820
|
+
"md",
|
|
821
|
+
"lg"
|
|
822
|
+
],
|
|
823
|
+
"default": "md"
|
|
824
|
+
},
|
|
825
|
+
{
|
|
826
|
+
"name": "disabled",
|
|
827
|
+
"description": "Whether the field is disabled.",
|
|
828
|
+
"type": "boolean",
|
|
829
|
+
"default": false
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"name": "required",
|
|
833
|
+
"description": "Whether the field is required.",
|
|
834
|
+
"type": "boolean",
|
|
835
|
+
"default": false
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"name": "name",
|
|
839
|
+
"description": "Name used in form submission.",
|
|
840
|
+
"type": "text",
|
|
841
|
+
"default": ""
|
|
842
|
+
}
|
|
843
|
+
]
|
|
844
|
+
},
|
|
845
|
+
"lt-date-input": {
|
|
846
|
+
"members": [
|
|
847
|
+
{
|
|
848
|
+
"name": "value",
|
|
849
|
+
"description": "Selected date in ISO format (YYYY-MM-DD).",
|
|
850
|
+
"type": "text",
|
|
851
|
+
"default": ""
|
|
852
|
+
},
|
|
853
|
+
{
|
|
854
|
+
"name": "min",
|
|
855
|
+
"description": "Minimum selectable date (ISO format). Dates before this are disabled.",
|
|
856
|
+
"type": "text",
|
|
857
|
+
"default": ""
|
|
858
|
+
},
|
|
859
|
+
{
|
|
860
|
+
"name": "max",
|
|
861
|
+
"description": "Maximum selectable date (ISO format). Dates after this are disabled.",
|
|
862
|
+
"type": "text",
|
|
863
|
+
"default": ""
|
|
864
|
+
},
|
|
865
|
+
{
|
|
866
|
+
"name": "locale",
|
|
867
|
+
"description": "BCP 47 locale used for formatting the display value and calendar labels.",
|
|
868
|
+
"type": "text",
|
|
869
|
+
"default": "en-US"
|
|
870
|
+
},
|
|
871
|
+
{
|
|
872
|
+
"name": "format",
|
|
873
|
+
"description": "How to format the selected date in the trigger field. Maps to `Intl.DateTimeFormat` `dateStyle`.",
|
|
874
|
+
"type": "select",
|
|
875
|
+
"options": [
|
|
876
|
+
"short",
|
|
877
|
+
"medium",
|
|
878
|
+
"long",
|
|
879
|
+
"full"
|
|
880
|
+
],
|
|
881
|
+
"default": "medium"
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"name": "week-start",
|
|
885
|
+
"description": "First day of the week in the calendar. 0 = Sunday, 1 = Monday.",
|
|
886
|
+
"type": "text",
|
|
887
|
+
"default": "0"
|
|
888
|
+
},
|
|
889
|
+
{
|
|
890
|
+
"name": "label",
|
|
891
|
+
"description": "Field label displayed above the trigger.",
|
|
892
|
+
"type": "text",
|
|
893
|
+
"default": ""
|
|
894
|
+
},
|
|
895
|
+
{
|
|
896
|
+
"name": "placeholder",
|
|
897
|
+
"description": "Placeholder text shown when no date is selected.",
|
|
898
|
+
"type": "text",
|
|
899
|
+
"default": "Select a date"
|
|
900
|
+
},
|
|
901
|
+
{
|
|
902
|
+
"name": "helper-text",
|
|
903
|
+
"description": "Helper or error text displayed below the field.",
|
|
904
|
+
"type": "text",
|
|
905
|
+
"default": ""
|
|
906
|
+
},
|
|
907
|
+
{
|
|
908
|
+
"name": "variant",
|
|
909
|
+
"description": "Visual state variant.",
|
|
910
|
+
"type": "select",
|
|
911
|
+
"options": [
|
|
912
|
+
"default",
|
|
913
|
+
"success",
|
|
914
|
+
"warning",
|
|
915
|
+
"error"
|
|
916
|
+
],
|
|
917
|
+
"default": "default"
|
|
918
|
+
},
|
|
919
|
+
{
|
|
920
|
+
"name": "size",
|
|
921
|
+
"description": "Visual size.",
|
|
922
|
+
"type": "select",
|
|
923
|
+
"options": [
|
|
924
|
+
"sm",
|
|
925
|
+
"md",
|
|
926
|
+
"lg"
|
|
927
|
+
],
|
|
928
|
+
"default": "md"
|
|
929
|
+
},
|
|
930
|
+
{
|
|
931
|
+
"name": "disabled",
|
|
932
|
+
"description": "Whether the field is disabled.",
|
|
933
|
+
"type": "boolean",
|
|
934
|
+
"default": false
|
|
935
|
+
},
|
|
936
|
+
{
|
|
937
|
+
"name": "required",
|
|
938
|
+
"description": "Whether the field is required.",
|
|
939
|
+
"type": "boolean",
|
|
940
|
+
"default": false
|
|
941
|
+
},
|
|
942
|
+
{
|
|
943
|
+
"name": "name",
|
|
944
|
+
"description": "Name used in form submission via a hidden input.",
|
|
945
|
+
"type": "text",
|
|
946
|
+
"default": ""
|
|
947
|
+
},
|
|
948
|
+
{
|
|
949
|
+
"name": "disabled-dates",
|
|
950
|
+
"description": "Individual dates to disable in the calendar, as Date objects.",
|
|
951
|
+
"type": "text",
|
|
952
|
+
"default": "[]"
|
|
953
|
+
}
|
|
954
|
+
]
|
|
955
|
+
},
|
|
956
|
+
"lt-datepicker": {
|
|
957
|
+
"members": [
|
|
958
|
+
{
|
|
959
|
+
"name": "type",
|
|
960
|
+
"description": "Native input type.",
|
|
961
|
+
"type": "select",
|
|
962
|
+
"options": [
|
|
963
|
+
"date",
|
|
964
|
+
"time",
|
|
965
|
+
"datetime-local"
|
|
966
|
+
],
|
|
967
|
+
"default": "date"
|
|
968
|
+
},
|
|
969
|
+
{
|
|
970
|
+
"name": "value",
|
|
971
|
+
"description": "Current value in the format required by the native input (`YYYY-MM-DD`, `HH:MM`, or `YYYY-MM-DDTHH:MM`).",
|
|
972
|
+
"type": "text",
|
|
973
|
+
"default": ""
|
|
974
|
+
},
|
|
975
|
+
{
|
|
976
|
+
"name": "min",
|
|
977
|
+
"description": "Minimum allowed value.",
|
|
978
|
+
"type": "text",
|
|
979
|
+
"default": ""
|
|
980
|
+
},
|
|
981
|
+
{
|
|
982
|
+
"name": "max",
|
|
983
|
+
"description": "Maximum allowed value.",
|
|
984
|
+
"type": "text",
|
|
985
|
+
"default": ""
|
|
986
|
+
},
|
|
987
|
+
{
|
|
988
|
+
"name": "label",
|
|
989
|
+
"description": "Field label displayed above the input.",
|
|
990
|
+
"type": "text",
|
|
991
|
+
"default": ""
|
|
992
|
+
},
|
|
993
|
+
{
|
|
994
|
+
"name": "helper-text",
|
|
995
|
+
"description": "Helper or error text displayed below the input.",
|
|
996
|
+
"type": "text",
|
|
997
|
+
"default": ""
|
|
998
|
+
},
|
|
999
|
+
{
|
|
1000
|
+
"name": "variant",
|
|
1001
|
+
"description": "Visual state variant.",
|
|
1002
|
+
"type": "select",
|
|
1003
|
+
"options": [
|
|
1004
|
+
"default",
|
|
1005
|
+
"success",
|
|
1006
|
+
"warning",
|
|
1007
|
+
"error"
|
|
1008
|
+
],
|
|
1009
|
+
"default": "default"
|
|
1010
|
+
},
|
|
1011
|
+
{
|
|
1012
|
+
"name": "size",
|
|
1013
|
+
"description": "Visual size.",
|
|
1014
|
+
"type": "select",
|
|
1015
|
+
"options": [
|
|
1016
|
+
"sm",
|
|
1017
|
+
"md",
|
|
1018
|
+
"lg"
|
|
1019
|
+
],
|
|
1020
|
+
"default": "md"
|
|
1021
|
+
},
|
|
1022
|
+
{
|
|
1023
|
+
"name": "disabled",
|
|
1024
|
+
"description": "Whether the field is disabled.",
|
|
1025
|
+
"type": "boolean",
|
|
1026
|
+
"default": false
|
|
1027
|
+
},
|
|
1028
|
+
{
|
|
1029
|
+
"name": "required",
|
|
1030
|
+
"description": "Whether the field is required.",
|
|
1031
|
+
"type": "boolean",
|
|
1032
|
+
"default": false
|
|
1033
|
+
},
|
|
1034
|
+
{
|
|
1035
|
+
"name": "readonly",
|
|
1036
|
+
"description": "Whether the field is read-only.",
|
|
1037
|
+
"type": "boolean",
|
|
1038
|
+
"default": false
|
|
1039
|
+
},
|
|
1040
|
+
{
|
|
1041
|
+
"name": "name",
|
|
1042
|
+
"description": "Name used in form submission.",
|
|
1043
|
+
"type": "text",
|
|
1044
|
+
"default": ""
|
|
1045
|
+
}
|
|
1046
|
+
]
|
|
1047
|
+
},
|
|
1048
|
+
"lt-dialog": {
|
|
1049
|
+
"members": [
|
|
1050
|
+
{
|
|
1051
|
+
"name": "size",
|
|
1052
|
+
"description": "Size of the dialog (affects max width).",
|
|
1053
|
+
"type": "select",
|
|
1054
|
+
"options": [
|
|
1055
|
+
"sm",
|
|
1056
|
+
"md",
|
|
1057
|
+
"lg",
|
|
1058
|
+
"xl",
|
|
1059
|
+
"fullscreen"
|
|
1060
|
+
],
|
|
1061
|
+
"default": "md"
|
|
1062
|
+
},
|
|
1063
|
+
{
|
|
1064
|
+
"name": "open",
|
|
1065
|
+
"description": "Whether the dialog is open.",
|
|
1066
|
+
"type": "boolean",
|
|
1067
|
+
"default": false
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"name": "title",
|
|
1071
|
+
"description": "Dialog title displayed in the header.",
|
|
1072
|
+
"type": "text",
|
|
1073
|
+
"default": ""
|
|
1074
|
+
},
|
|
1075
|
+
{
|
|
1076
|
+
"name": "no-close-button",
|
|
1077
|
+
"description": "Suppress the built-in close button in the header.",
|
|
1078
|
+
"type": "boolean",
|
|
1079
|
+
"default": false
|
|
1080
|
+
},
|
|
1081
|
+
{
|
|
1082
|
+
"name": "close-on-backdrop-click",
|
|
1083
|
+
"description": "Whether clicking the backdrop closes the dialog.",
|
|
1084
|
+
"type": "boolean",
|
|
1085
|
+
"default": true
|
|
1086
|
+
},
|
|
1087
|
+
{
|
|
1088
|
+
"name": "close-on-escape",
|
|
1089
|
+
"description": "Whether pressing Escape closes the dialog.",
|
|
1090
|
+
"type": "boolean",
|
|
1091
|
+
"default": true
|
|
1092
|
+
},
|
|
1093
|
+
{
|
|
1094
|
+
"name": "uppercase",
|
|
1095
|
+
"description": "Renders the dialog title in small caps with wider letter spacing.",
|
|
1096
|
+
"type": "boolean",
|
|
1097
|
+
"default": false
|
|
1098
|
+
},
|
|
1099
|
+
{
|
|
1100
|
+
"name": "backdrop-blur",
|
|
1101
|
+
"description": "Apply a frosted-glass blur effect to the backdrop.",
|
|
1102
|
+
"type": "boolean",
|
|
1103
|
+
"default": false
|
|
1104
|
+
}
|
|
1105
|
+
]
|
|
1106
|
+
},
|
|
1107
|
+
"lt-divider": {
|
|
1108
|
+
"members": [
|
|
1109
|
+
{
|
|
1110
|
+
"name": "orientation",
|
|
1111
|
+
"description": "Layout orientation of the divider line.",
|
|
1112
|
+
"type": "select",
|
|
1113
|
+
"options": [
|
|
1114
|
+
"horizontal",
|
|
1115
|
+
"vertical"
|
|
1116
|
+
],
|
|
1117
|
+
"default": "horizontal"
|
|
1118
|
+
},
|
|
1119
|
+
{
|
|
1120
|
+
"name": "appearance",
|
|
1121
|
+
"description": "Line appearance of the divider.",
|
|
1122
|
+
"type": "select",
|
|
1123
|
+
"options": [
|
|
1124
|
+
"solid",
|
|
1125
|
+
"dashed",
|
|
1126
|
+
"dotted"
|
|
1127
|
+
],
|
|
1128
|
+
"default": "solid"
|
|
1129
|
+
},
|
|
1130
|
+
{
|
|
1131
|
+
"name": "label",
|
|
1132
|
+
"description": "Optional label text centered within the divider line.",
|
|
1133
|
+
"type": "text",
|
|
1134
|
+
"default": ""
|
|
1135
|
+
}
|
|
1136
|
+
]
|
|
1137
|
+
},
|
|
1138
|
+
"lt-dropdown-item": {
|
|
1139
|
+
"members": [
|
|
1140
|
+
{
|
|
1141
|
+
"name": "disabled",
|
|
1142
|
+
"type": "boolean",
|
|
1143
|
+
"default": false
|
|
1144
|
+
},
|
|
1145
|
+
{
|
|
1146
|
+
"name": "selected",
|
|
1147
|
+
"type": "boolean",
|
|
1148
|
+
"default": false
|
|
1149
|
+
},
|
|
1150
|
+
{
|
|
1151
|
+
"name": "href",
|
|
1152
|
+
"type": "text",
|
|
1153
|
+
"default": ""
|
|
1154
|
+
}
|
|
1155
|
+
]
|
|
1156
|
+
},
|
|
1157
|
+
"lt-dropdown": {
|
|
1158
|
+
"members": [
|
|
1159
|
+
{
|
|
1160
|
+
"name": "open",
|
|
1161
|
+
"type": "boolean",
|
|
1162
|
+
"default": false
|
|
1163
|
+
},
|
|
1164
|
+
{
|
|
1165
|
+
"name": "placement",
|
|
1166
|
+
"type": "select",
|
|
1167
|
+
"options": [
|
|
1168
|
+
"bottom-start",
|
|
1169
|
+
"bottom-end",
|
|
1170
|
+
"bottom",
|
|
1171
|
+
"top-start",
|
|
1172
|
+
"top-end",
|
|
1173
|
+
"top"
|
|
1174
|
+
],
|
|
1175
|
+
"default": "bottom-start"
|
|
1176
|
+
}
|
|
1177
|
+
]
|
|
1178
|
+
},
|
|
1179
|
+
"lt-header": {
|
|
1180
|
+
"members": [
|
|
1181
|
+
{
|
|
1182
|
+
"name": "background",
|
|
1183
|
+
"description": "Background surface that controls the header's background and text colours.",
|
|
1184
|
+
"type": "select",
|
|
1185
|
+
"options": [
|
|
1186
|
+
"primary",
|
|
1187
|
+
"surface"
|
|
1188
|
+
],
|
|
1189
|
+
"default": "primary"
|
|
1190
|
+
}
|
|
1191
|
+
]
|
|
1192
|
+
},
|
|
1193
|
+
"lt-icon-button": {
|
|
1194
|
+
"members": [
|
|
1195
|
+
{
|
|
1196
|
+
"name": "icon",
|
|
1197
|
+
"description": "Icon name from the icon library.",
|
|
1198
|
+
"type": "icon",
|
|
1199
|
+
"default": ""
|
|
1200
|
+
},
|
|
1201
|
+
{
|
|
1202
|
+
"name": "label",
|
|
1203
|
+
"description": "Accessible label for screen readers. Required when there is no visible text.",
|
|
1204
|
+
"type": "text",
|
|
1205
|
+
"default": ""
|
|
1206
|
+
},
|
|
1207
|
+
{
|
|
1208
|
+
"name": "variant",
|
|
1209
|
+
"description": "Visual variant that determines the icon/background color.",
|
|
1210
|
+
"type": "select",
|
|
1211
|
+
"options": [
|
|
1212
|
+
"primary",
|
|
1213
|
+
"secondary",
|
|
1214
|
+
"neutral",
|
|
1215
|
+
"success",
|
|
1216
|
+
"warning",
|
|
1217
|
+
"error",
|
|
1218
|
+
"info"
|
|
1219
|
+
],
|
|
1220
|
+
"default": "neutral"
|
|
1221
|
+
},
|
|
1222
|
+
{
|
|
1223
|
+
"name": "appearance",
|
|
1224
|
+
"description": "Visual treatment.",
|
|
1225
|
+
"type": "select",
|
|
1226
|
+
"options": [
|
|
1227
|
+
"filled",
|
|
1228
|
+
"outlined",
|
|
1229
|
+
"ghost"
|
|
1230
|
+
],
|
|
1231
|
+
"default": "ghost"
|
|
1232
|
+
},
|
|
1233
|
+
{
|
|
1234
|
+
"name": "size",
|
|
1235
|
+
"description": "Size of the button.",
|
|
1236
|
+
"type": "select",
|
|
1237
|
+
"options": [
|
|
1238
|
+
"sm",
|
|
1239
|
+
"md",
|
|
1240
|
+
"lg"
|
|
1241
|
+
],
|
|
1242
|
+
"default": "md"
|
|
1243
|
+
},
|
|
1244
|
+
{
|
|
1245
|
+
"name": "disabled",
|
|
1246
|
+
"description": "Whether the button is disabled.",
|
|
1247
|
+
"type": "boolean",
|
|
1248
|
+
"default": false
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"name": "href",
|
|
1252
|
+
"description": "When set, renders an `<a>` tag instead of `<button>`.",
|
|
1253
|
+
"type": "text",
|
|
1254
|
+
"default": ""
|
|
1255
|
+
},
|
|
1256
|
+
{
|
|
1257
|
+
"name": "target",
|
|
1258
|
+
"description": "Forwarded to the anchor's `target` attribute when `href` is set.",
|
|
1259
|
+
"type": "text",
|
|
1260
|
+
"default": ""
|
|
1261
|
+
},
|
|
1262
|
+
{
|
|
1263
|
+
"name": "rel",
|
|
1264
|
+
"description": "Forwarded to the anchor's `rel` attribute when `href` is set.",
|
|
1265
|
+
"type": "text",
|
|
1266
|
+
"default": ""
|
|
1267
|
+
},
|
|
1268
|
+
{
|
|
1269
|
+
"name": "round",
|
|
1270
|
+
"description": "Renders as a circle instead of rounded-rectangle.",
|
|
1271
|
+
"type": "boolean",
|
|
1272
|
+
"default": false
|
|
1273
|
+
}
|
|
1274
|
+
]
|
|
1275
|
+
},
|
|
1276
|
+
"lt-image": {
|
|
1277
|
+
"members": [
|
|
1278
|
+
{
|
|
1279
|
+
"name": "src",
|
|
1280
|
+
"description": "Image source URL.",
|
|
1281
|
+
"type": "text",
|
|
1282
|
+
"default": ""
|
|
1283
|
+
},
|
|
1284
|
+
{
|
|
1285
|
+
"name": "alt",
|
|
1286
|
+
"description": "Alt text for the image.",
|
|
1287
|
+
"type": "text",
|
|
1288
|
+
"default": ""
|
|
1289
|
+
},
|
|
1290
|
+
{
|
|
1291
|
+
"name": "rounded",
|
|
1292
|
+
"description": "Border radius. Present with no value uses the design system default (`--lt-border-radius`).\nAccepts any valid CSS `border-radius` shorthand (e.g. `\"8px\"`, `\"50%\"`, `\"4px 8px\"`).",
|
|
1293
|
+
"type": "text",
|
|
1294
|
+
"default": "null"
|
|
1295
|
+
},
|
|
1296
|
+
{
|
|
1297
|
+
"name": "responsive",
|
|
1298
|
+
"description": "Makes the image fill its container using `object-fit: cover`.\nSize the `lt-image` element externally to define the crop box.",
|
|
1299
|
+
"type": "boolean",
|
|
1300
|
+
"default": false
|
|
1301
|
+
}
|
|
1302
|
+
]
|
|
1303
|
+
},
|
|
1304
|
+
"lt-link": {
|
|
1305
|
+
"members": [
|
|
1306
|
+
{
|
|
1307
|
+
"name": "href",
|
|
1308
|
+
"description": "Destination URL forwarded to the underlying `<a>` element.",
|
|
1309
|
+
"type": "text",
|
|
1310
|
+
"default": ""
|
|
1311
|
+
},
|
|
1312
|
+
{
|
|
1313
|
+
"name": "external",
|
|
1314
|
+
"description": "Opens the link in a new tab and appends an external-link icon.",
|
|
1315
|
+
"type": "boolean",
|
|
1316
|
+
"default": false
|
|
1317
|
+
}
|
|
1318
|
+
]
|
|
1319
|
+
},
|
|
1320
|
+
"lt-list-item": {
|
|
1321
|
+
"members": [
|
|
1322
|
+
{
|
|
1323
|
+
"name": "icon-start",
|
|
1324
|
+
"description": "Icon name to display before the item content.",
|
|
1325
|
+
"type": "icon",
|
|
1326
|
+
"default": ""
|
|
1327
|
+
},
|
|
1328
|
+
{
|
|
1329
|
+
"name": "icon-end",
|
|
1330
|
+
"description": "Icon name to display after the item content.",
|
|
1331
|
+
"type": "icon",
|
|
1332
|
+
"default": ""
|
|
1333
|
+
}
|
|
1334
|
+
]
|
|
1335
|
+
},
|
|
1336
|
+
"lt-list": {
|
|
1337
|
+
"members": [
|
|
1338
|
+
{
|
|
1339
|
+
"name": "type",
|
|
1340
|
+
"description": "Type of list to render.",
|
|
1341
|
+
"type": "select",
|
|
1342
|
+
"options": [
|
|
1343
|
+
"unordered",
|
|
1344
|
+
"ordered"
|
|
1345
|
+
],
|
|
1346
|
+
"default": "unordered"
|
|
1347
|
+
},
|
|
1348
|
+
{
|
|
1349
|
+
"name": "size",
|
|
1350
|
+
"description": "Size of the list items.",
|
|
1351
|
+
"type": "select",
|
|
1352
|
+
"options": [
|
|
1353
|
+
"sm",
|
|
1354
|
+
"md",
|
|
1355
|
+
"lg"
|
|
1356
|
+
],
|
|
1357
|
+
"default": "md"
|
|
1358
|
+
},
|
|
1359
|
+
{
|
|
1360
|
+
"name": "marker-color",
|
|
1361
|
+
"description": "Custom color for the list markers (bullets or numbers).\nAccepts any valid CSS color value.",
|
|
1362
|
+
"type": "text",
|
|
1363
|
+
"default": ""
|
|
1364
|
+
},
|
|
1365
|
+
{
|
|
1366
|
+
"name": "divider",
|
|
1367
|
+
"description": "Whether to show a divider line between list items.",
|
|
1368
|
+
"type": "boolean",
|
|
1369
|
+
"default": false
|
|
1370
|
+
},
|
|
1371
|
+
{
|
|
1372
|
+
"name": "no-marker",
|
|
1373
|
+
"description": "Whether to hide the list markers (bullets or numbers).\nAlso removes the left indent reserved for the marker.",
|
|
1374
|
+
"type": "boolean",
|
|
1375
|
+
"default": false
|
|
1376
|
+
}
|
|
1377
|
+
]
|
|
1378
|
+
},
|
|
1379
|
+
"lt-nav-item": {
|
|
1380
|
+
"members": [
|
|
1381
|
+
{
|
|
1382
|
+
"name": "href",
|
|
1383
|
+
"description": "Destination URL. If omitted, the item acts as a group header.",
|
|
1384
|
+
"type": "text",
|
|
1385
|
+
"default": ""
|
|
1386
|
+
},
|
|
1387
|
+
{
|
|
1388
|
+
"name": "label",
|
|
1389
|
+
"description": "Label text shown in the item.",
|
|
1390
|
+
"type": "text",
|
|
1391
|
+
"default": ""
|
|
1392
|
+
},
|
|
1393
|
+
{
|
|
1394
|
+
"name": "icon-start",
|
|
1395
|
+
"description": "Icon name (from the built-in Latty icon set) shown before the label.",
|
|
1396
|
+
"type": "icon",
|
|
1397
|
+
"default": ""
|
|
1398
|
+
},
|
|
1399
|
+
{
|
|
1400
|
+
"name": "active",
|
|
1401
|
+
"description": "Whether this item is currently the active/selected page.",
|
|
1402
|
+
"type": "boolean",
|
|
1403
|
+
"default": false
|
|
1404
|
+
},
|
|
1405
|
+
{
|
|
1406
|
+
"name": "disabled",
|
|
1407
|
+
"description": "Whether the item is disabled.",
|
|
1408
|
+
"type": "boolean",
|
|
1409
|
+
"default": false
|
|
1410
|
+
},
|
|
1411
|
+
{
|
|
1412
|
+
"name": "open",
|
|
1413
|
+
"description": "Whether nested children are expanded. Only relevant when children are slotted.",
|
|
1414
|
+
"type": "boolean",
|
|
1415
|
+
"default": false
|
|
1416
|
+
},
|
|
1417
|
+
{
|
|
1418
|
+
"name": "orientation",
|
|
1419
|
+
"description": "Set by the parent `<lt-nav>` — do not set manually.",
|
|
1420
|
+
"type": "text",
|
|
1421
|
+
"default": "vertical"
|
|
1422
|
+
}
|
|
1423
|
+
]
|
|
1424
|
+
},
|
|
1425
|
+
"lt-nav": {
|
|
1426
|
+
"members": [
|
|
1427
|
+
{
|
|
1428
|
+
"name": "label",
|
|
1429
|
+
"description": "Accessible label for the navigation region. Required when multiple nav elements appear on one page.",
|
|
1430
|
+
"type": "text",
|
|
1431
|
+
"default": ""
|
|
1432
|
+
},
|
|
1433
|
+
{
|
|
1434
|
+
"name": "orientation",
|
|
1435
|
+
"description": "Layout direction of the navigation.",
|
|
1436
|
+
"type": "select",
|
|
1437
|
+
"options": [
|
|
1438
|
+
"horizontal",
|
|
1439
|
+
"vertical"
|
|
1440
|
+
],
|
|
1441
|
+
"default": "vertical"
|
|
1442
|
+
}
|
|
1443
|
+
]
|
|
1444
|
+
},
|
|
1445
|
+
"lt-pagination": {
|
|
1446
|
+
"members": [
|
|
1447
|
+
{
|
|
1448
|
+
"name": "page",
|
|
1449
|
+
"description": "Currently active page (1-indexed).",
|
|
1450
|
+
"type": "number",
|
|
1451
|
+
"default": 1
|
|
1452
|
+
},
|
|
1453
|
+
{
|
|
1454
|
+
"name": "total-pages",
|
|
1455
|
+
"description": "Total number of pages.",
|
|
1456
|
+
"type": "number",
|
|
1457
|
+
"default": 1
|
|
1458
|
+
},
|
|
1459
|
+
{
|
|
1460
|
+
"name": "size",
|
|
1461
|
+
"description": "Visual size.",
|
|
1462
|
+
"type": "select",
|
|
1463
|
+
"options": [
|
|
1464
|
+
"sm",
|
|
1465
|
+
"md",
|
|
1466
|
+
"lg"
|
|
1467
|
+
],
|
|
1468
|
+
"default": "md"
|
|
1469
|
+
},
|
|
1470
|
+
{
|
|
1471
|
+
"name": "disabled",
|
|
1472
|
+
"description": "Disable all controls.",
|
|
1473
|
+
"type": "boolean",
|
|
1474
|
+
"default": false
|
|
1475
|
+
}
|
|
1476
|
+
]
|
|
1477
|
+
},
|
|
1478
|
+
"lt-progress": {
|
|
1479
|
+
"members": [
|
|
1480
|
+
{
|
|
1481
|
+
"name": "value",
|
|
1482
|
+
"description": "Current progress value (0–100). Ignored when `indeterminate` is true.",
|
|
1483
|
+
"type": "number",
|
|
1484
|
+
"default": 0
|
|
1485
|
+
},
|
|
1486
|
+
{
|
|
1487
|
+
"name": "variant",
|
|
1488
|
+
"description": "Color variant of the progress bar.",
|
|
1489
|
+
"type": "select",
|
|
1490
|
+
"options": [
|
|
1491
|
+
"primary",
|
|
1492
|
+
"success",
|
|
1493
|
+
"warning",
|
|
1494
|
+
"error",
|
|
1495
|
+
"neutral"
|
|
1496
|
+
],
|
|
1497
|
+
"default": "primary"
|
|
1498
|
+
},
|
|
1499
|
+
{
|
|
1500
|
+
"name": "size",
|
|
1501
|
+
"description": "Height of the track.",
|
|
1502
|
+
"type": "select",
|
|
1503
|
+
"options": [
|
|
1504
|
+
"sm",
|
|
1505
|
+
"md",
|
|
1506
|
+
"lg"
|
|
1507
|
+
],
|
|
1508
|
+
"default": "md"
|
|
1509
|
+
},
|
|
1510
|
+
{
|
|
1511
|
+
"name": "label",
|
|
1512
|
+
"description": "Accessible label for screen readers.",
|
|
1513
|
+
"type": "text",
|
|
1514
|
+
"default": ""
|
|
1515
|
+
},
|
|
1516
|
+
{
|
|
1517
|
+
"name": "indeterminate",
|
|
1518
|
+
"description": "When true the bar animates continuously without a set value.",
|
|
1519
|
+
"type": "boolean",
|
|
1520
|
+
"default": false
|
|
1521
|
+
}
|
|
1522
|
+
]
|
|
1523
|
+
},
|
|
1524
|
+
"lt-radio": {
|
|
1525
|
+
"members": [
|
|
1526
|
+
{
|
|
1527
|
+
"name": "variant",
|
|
1528
|
+
"description": "Visual variant that determines the color when checked.",
|
|
1529
|
+
"type": "select",
|
|
1530
|
+
"options": [
|
|
1531
|
+
"primary",
|
|
1532
|
+
"secondary",
|
|
1533
|
+
"success",
|
|
1534
|
+
"error",
|
|
1535
|
+
"info"
|
|
1536
|
+
],
|
|
1537
|
+
"default": "primary"
|
|
1538
|
+
},
|
|
1539
|
+
{
|
|
1540
|
+
"name": "size",
|
|
1541
|
+
"description": "Size of the radio button.",
|
|
1542
|
+
"type": "select",
|
|
1543
|
+
"options": [
|
|
1544
|
+
"sm",
|
|
1545
|
+
"md",
|
|
1546
|
+
"lg"
|
|
1547
|
+
],
|
|
1548
|
+
"default": "md"
|
|
1549
|
+
},
|
|
1550
|
+
{
|
|
1551
|
+
"name": "checked",
|
|
1552
|
+
"description": "Whether the radio is checked.",
|
|
1553
|
+
"type": "boolean",
|
|
1554
|
+
"default": false
|
|
1555
|
+
},
|
|
1556
|
+
{
|
|
1557
|
+
"name": "disabled",
|
|
1558
|
+
"description": "Whether the radio is disabled.",
|
|
1559
|
+
"type": "boolean",
|
|
1560
|
+
"default": false
|
|
1561
|
+
},
|
|
1562
|
+
{
|
|
1563
|
+
"name": "required",
|
|
1564
|
+
"description": "Whether the radio is required.",
|
|
1565
|
+
"type": "boolean",
|
|
1566
|
+
"default": false
|
|
1567
|
+
},
|
|
1568
|
+
{
|
|
1569
|
+
"name": "label",
|
|
1570
|
+
"description": "Label text displayed next to the radio button.",
|
|
1571
|
+
"type": "text",
|
|
1572
|
+
"default": ""
|
|
1573
|
+
},
|
|
1574
|
+
{
|
|
1575
|
+
"name": "label-position",
|
|
1576
|
+
"description": "Position of the label relative to the radio button.",
|
|
1577
|
+
"type": "select",
|
|
1578
|
+
"options": [
|
|
1579
|
+
"left",
|
|
1580
|
+
"right"
|
|
1581
|
+
],
|
|
1582
|
+
"default": "right"
|
|
1583
|
+
},
|
|
1584
|
+
{
|
|
1585
|
+
"name": "name",
|
|
1586
|
+
"description": "Name attribute for radio group.\nAll radios with the same name belong to the same group.",
|
|
1587
|
+
"type": "text",
|
|
1588
|
+
"default": ""
|
|
1589
|
+
},
|
|
1590
|
+
{
|
|
1591
|
+
"name": "value",
|
|
1592
|
+
"description": "Value attribute for form submission.",
|
|
1593
|
+
"type": "text",
|
|
1594
|
+
"default": ""
|
|
1595
|
+
}
|
|
1596
|
+
]
|
|
1597
|
+
},
|
|
1598
|
+
"lt-radio-group": {
|
|
1599
|
+
"members": [
|
|
1600
|
+
{
|
|
1601
|
+
"name": "label",
|
|
1602
|
+
"description": "Label for the radio group.",
|
|
1603
|
+
"type": "text",
|
|
1604
|
+
"default": ""
|
|
1605
|
+
},
|
|
1606
|
+
{
|
|
1607
|
+
"name": "name",
|
|
1608
|
+
"description": "Name attribute applied to all radio buttons in the group.\nEnsures only one radio can be selected at a time.",
|
|
1609
|
+
"type": "text",
|
|
1610
|
+
"default": ""
|
|
1611
|
+
},
|
|
1612
|
+
{
|
|
1613
|
+
"name": "value",
|
|
1614
|
+
"description": "Currently selected value in the group.",
|
|
1615
|
+
"type": "text",
|
|
1616
|
+
"default": ""
|
|
1617
|
+
},
|
|
1618
|
+
{
|
|
1619
|
+
"name": "orientation",
|
|
1620
|
+
"description": "Layout orientation of the radio buttons.",
|
|
1621
|
+
"type": "select",
|
|
1622
|
+
"options": [
|
|
1623
|
+
"vertical",
|
|
1624
|
+
"horizontal"
|
|
1625
|
+
],
|
|
1626
|
+
"default": "vertical"
|
|
1627
|
+
},
|
|
1628
|
+
{
|
|
1629
|
+
"name": "helper-text",
|
|
1630
|
+
"description": "Helper text displayed below the radio group.",
|
|
1631
|
+
"type": "text",
|
|
1632
|
+
"default": ""
|
|
1633
|
+
},
|
|
1634
|
+
{
|
|
1635
|
+
"name": "error",
|
|
1636
|
+
"description": "Whether the radio group is in an error state.",
|
|
1637
|
+
"type": "boolean",
|
|
1638
|
+
"default": false
|
|
1639
|
+
},
|
|
1640
|
+
{
|
|
1641
|
+
"name": "required",
|
|
1642
|
+
"description": "Whether selection is required.",
|
|
1643
|
+
"type": "boolean",
|
|
1644
|
+
"default": false
|
|
1645
|
+
}
|
|
1646
|
+
]
|
|
1647
|
+
},
|
|
1648
|
+
"lt-select": {
|
|
1649
|
+
"members": [
|
|
1650
|
+
{
|
|
1651
|
+
"name": "variant",
|
|
1652
|
+
"description": "Visual variant that determines styling.",
|
|
1653
|
+
"type": "select",
|
|
1654
|
+
"options": [
|
|
1655
|
+
"default",
|
|
1656
|
+
"success",
|
|
1657
|
+
"warning",
|
|
1658
|
+
"error"
|
|
1659
|
+
],
|
|
1660
|
+
"default": "default"
|
|
1661
|
+
},
|
|
1662
|
+
{
|
|
1663
|
+
"name": "size",
|
|
1664
|
+
"description": "Size of the select (affects height, font size, and padding).",
|
|
1665
|
+
"type": "select",
|
|
1666
|
+
"options": [
|
|
1667
|
+
"sm",
|
|
1668
|
+
"md",
|
|
1669
|
+
"lg"
|
|
1670
|
+
],
|
|
1671
|
+
"default": "md"
|
|
1672
|
+
},
|
|
1673
|
+
{
|
|
1674
|
+
"name": "value",
|
|
1675
|
+
"description": "Current selected value.",
|
|
1676
|
+
"type": "text",
|
|
1677
|
+
"default": ""
|
|
1678
|
+
},
|
|
1679
|
+
{
|
|
1680
|
+
"name": "placeholder",
|
|
1681
|
+
"description": "Placeholder text shown when no option is selected.",
|
|
1682
|
+
"type": "text",
|
|
1683
|
+
"default": "Select an option"
|
|
1684
|
+
},
|
|
1685
|
+
{
|
|
1686
|
+
"name": "label",
|
|
1687
|
+
"description": "Label text displayed above the select.",
|
|
1688
|
+
"type": "text",
|
|
1689
|
+
"default": ""
|
|
1690
|
+
},
|
|
1691
|
+
{
|
|
1692
|
+
"name": "helper-text",
|
|
1693
|
+
"description": "Helper text displayed below the select. Color changes based on variant.",
|
|
1694
|
+
"type": "text",
|
|
1695
|
+
"default": ""
|
|
1696
|
+
},
|
|
1697
|
+
{
|
|
1698
|
+
"name": "disabled",
|
|
1699
|
+
"description": "Whether the select is disabled.",
|
|
1700
|
+
"type": "boolean",
|
|
1701
|
+
"default": false
|
|
1702
|
+
},
|
|
1703
|
+
{
|
|
1704
|
+
"name": "required",
|
|
1705
|
+
"description": "Whether the select is required. Shows asterisk in label when true.",
|
|
1706
|
+
"type": "boolean",
|
|
1707
|
+
"default": false
|
|
1708
|
+
}
|
|
1709
|
+
]
|
|
1710
|
+
},
|
|
1711
|
+
"lt-sidepanel": {
|
|
1712
|
+
"members": [
|
|
1713
|
+
{
|
|
1714
|
+
"name": "open",
|
|
1715
|
+
"description": "Whether the panel is visible.",
|
|
1716
|
+
"type": "boolean",
|
|
1717
|
+
"default": false
|
|
1718
|
+
},
|
|
1719
|
+
{
|
|
1720
|
+
"name": "anchor",
|
|
1721
|
+
"description": "Edge from which the panel slides in.",
|
|
1722
|
+
"type": "select",
|
|
1723
|
+
"options": [
|
|
1724
|
+
"left",
|
|
1725
|
+
"right",
|
|
1726
|
+
"top",
|
|
1727
|
+
"bottom"
|
|
1728
|
+
],
|
|
1729
|
+
"default": "left"
|
|
1730
|
+
},
|
|
1731
|
+
{
|
|
1732
|
+
"name": "size",
|
|
1733
|
+
"description": "Panel width (left/right anchors) or height (top/bottom anchors).",
|
|
1734
|
+
"type": "text",
|
|
1735
|
+
"default": "320px"
|
|
1736
|
+
},
|
|
1737
|
+
{
|
|
1738
|
+
"name": "label",
|
|
1739
|
+
"description": "Title shown in the panel header. When empty, the header is hidden.",
|
|
1740
|
+
"type": "text",
|
|
1741
|
+
"default": ""
|
|
1742
|
+
},
|
|
1743
|
+
{
|
|
1744
|
+
"name": "no-close-button",
|
|
1745
|
+
"description": "Suppress the built-in close button.",
|
|
1746
|
+
"type": "boolean",
|
|
1747
|
+
"default": false
|
|
1748
|
+
},
|
|
1749
|
+
{
|
|
1750
|
+
"name": "backdrop-blur",
|
|
1751
|
+
"description": "Apply a frosted-glass blur effect to the backdrop.",
|
|
1752
|
+
"type": "boolean",
|
|
1753
|
+
"default": false
|
|
1754
|
+
},
|
|
1755
|
+
{
|
|
1756
|
+
"name": "overlay-opacity",
|
|
1757
|
+
"description": "Backdrop darkness as an alpha value from 0 (transparent) to 1 (opaque).",
|
|
1758
|
+
"type": "number",
|
|
1759
|
+
"default": 0.45
|
|
1760
|
+
}
|
|
1761
|
+
]
|
|
1762
|
+
},
|
|
1763
|
+
"lt-skeleton": {
|
|
1764
|
+
"members": [
|
|
1765
|
+
{
|
|
1766
|
+
"name": "shape",
|
|
1767
|
+
"description": "Shape of the skeleton placeholder.",
|
|
1768
|
+
"type": "select",
|
|
1769
|
+
"options": [
|
|
1770
|
+
"text",
|
|
1771
|
+
"circle",
|
|
1772
|
+
"rect"
|
|
1773
|
+
],
|
|
1774
|
+
"default": "rect"
|
|
1775
|
+
},
|
|
1776
|
+
{
|
|
1777
|
+
"name": "width",
|
|
1778
|
+
"description": "Width of the skeleton. Accepts any CSS length value (e.g. '100%', '200px').",
|
|
1779
|
+
"type": "text",
|
|
1780
|
+
"default": ""
|
|
1781
|
+
},
|
|
1782
|
+
{
|
|
1783
|
+
"name": "height",
|
|
1784
|
+
"description": "Height of the skeleton. Accepts any CSS length value (e.g. '1rem', '200px').",
|
|
1785
|
+
"type": "text",
|
|
1786
|
+
"default": ""
|
|
1787
|
+
},
|
|
1788
|
+
{
|
|
1789
|
+
"name": "animated",
|
|
1790
|
+
"description": "Whether to show the shimmer animation.",
|
|
1791
|
+
"type": "boolean",
|
|
1792
|
+
"default": true
|
|
1793
|
+
}
|
|
1794
|
+
]
|
|
1795
|
+
},
|
|
1796
|
+
"lt-slider": {
|
|
1797
|
+
"members": [
|
|
1798
|
+
{
|
|
1799
|
+
"name": "size",
|
|
1800
|
+
"type": "select",
|
|
1801
|
+
"options": [
|
|
1802
|
+
"sm",
|
|
1803
|
+
"md",
|
|
1804
|
+
"lg"
|
|
1805
|
+
],
|
|
1806
|
+
"default": "md"
|
|
1807
|
+
},
|
|
1808
|
+
{
|
|
1809
|
+
"name": "disabled",
|
|
1810
|
+
"type": "boolean",
|
|
1811
|
+
"default": false
|
|
1812
|
+
},
|
|
1813
|
+
{
|
|
1814
|
+
"name": "tooltip",
|
|
1815
|
+
"description": "Show the current value in a tooltip above the thumb.",
|
|
1816
|
+
"type": "boolean",
|
|
1817
|
+
"default": false
|
|
1818
|
+
},
|
|
1819
|
+
{
|
|
1820
|
+
"name": "min",
|
|
1821
|
+
"type": "number",
|
|
1822
|
+
"default": 0
|
|
1823
|
+
},
|
|
1824
|
+
{
|
|
1825
|
+
"name": "max",
|
|
1826
|
+
"type": "number",
|
|
1827
|
+
"default": 100
|
|
1828
|
+
},
|
|
1829
|
+
{
|
|
1830
|
+
"name": "step",
|
|
1831
|
+
"type": "number",
|
|
1832
|
+
"default": 1
|
|
1833
|
+
},
|
|
1834
|
+
{
|
|
1835
|
+
"name": "value",
|
|
1836
|
+
"type": "number",
|
|
1837
|
+
"default": 0
|
|
1838
|
+
},
|
|
1839
|
+
{
|
|
1840
|
+
"name": "label",
|
|
1841
|
+
"description": "Label displayed above the track",
|
|
1842
|
+
"type": "text",
|
|
1843
|
+
"default": ""
|
|
1844
|
+
},
|
|
1845
|
+
{
|
|
1846
|
+
"name": "name",
|
|
1847
|
+
"description": "Name attribute for form submission",
|
|
1848
|
+
"type": "text",
|
|
1849
|
+
"default": ""
|
|
1850
|
+
}
|
|
1851
|
+
]
|
|
1852
|
+
},
|
|
1853
|
+
"lt-snackbar": {
|
|
1854
|
+
"members": [
|
|
1855
|
+
{
|
|
1856
|
+
"name": "variant",
|
|
1857
|
+
"description": "Visual style.",
|
|
1858
|
+
"type": "select",
|
|
1859
|
+
"options": [
|
|
1860
|
+
"default",
|
|
1861
|
+
"success",
|
|
1862
|
+
"warning",
|
|
1863
|
+
"error",
|
|
1864
|
+
"info"
|
|
1865
|
+
],
|
|
1866
|
+
"default": "default"
|
|
1867
|
+
},
|
|
1868
|
+
{
|
|
1869
|
+
"name": "duration",
|
|
1870
|
+
"description": "Auto-dismiss delay in milliseconds. Set to 0 to disable auto-dismiss.",
|
|
1871
|
+
"type": "number",
|
|
1872
|
+
"default": 4000
|
|
1873
|
+
},
|
|
1874
|
+
{
|
|
1875
|
+
"name": "open",
|
|
1876
|
+
"description": "Whether the snackbar is visible.",
|
|
1877
|
+
"type": "boolean",
|
|
1878
|
+
"default": false
|
|
1879
|
+
},
|
|
1880
|
+
{
|
|
1881
|
+
"name": "closable",
|
|
1882
|
+
"description": "Show a dismiss button.",
|
|
1883
|
+
"type": "boolean",
|
|
1884
|
+
"default": true
|
|
1885
|
+
},
|
|
1886
|
+
{
|
|
1887
|
+
"name": "action-label",
|
|
1888
|
+
"description": "Label for the optional action button.",
|
|
1889
|
+
"type": "text",
|
|
1890
|
+
"default": ""
|
|
1891
|
+
},
|
|
1892
|
+
{
|
|
1893
|
+
"name": "icon",
|
|
1894
|
+
"description": "Icon to show before the message. Leave empty for auto (shows variant icon for status variants),\nset to `\"none\"` to suppress, or pass any icon name to override.",
|
|
1895
|
+
"type": "icon",
|
|
1896
|
+
"default": ""
|
|
1897
|
+
}
|
|
1898
|
+
]
|
|
1899
|
+
},
|
|
1900
|
+
"lt-spinner": {
|
|
1901
|
+
"members": [
|
|
1902
|
+
{
|
|
1903
|
+
"name": "size",
|
|
1904
|
+
"description": "Size of the spinner.",
|
|
1905
|
+
"type": "select",
|
|
1906
|
+
"options": [
|
|
1907
|
+
"sm",
|
|
1908
|
+
"md",
|
|
1909
|
+
"lg"
|
|
1910
|
+
],
|
|
1911
|
+
"default": "md"
|
|
1912
|
+
},
|
|
1913
|
+
{
|
|
1914
|
+
"name": "variant",
|
|
1915
|
+
"description": "Color variant of the spinner.\n'current' inherits color from parent element.",
|
|
1916
|
+
"type": "select",
|
|
1917
|
+
"options": [
|
|
1918
|
+
"primary",
|
|
1919
|
+
"secondary",
|
|
1920
|
+
"neutral",
|
|
1921
|
+
"current"
|
|
1922
|
+
],
|
|
1923
|
+
"default": "current"
|
|
1924
|
+
}
|
|
1925
|
+
]
|
|
1926
|
+
},
|
|
1927
|
+
"lt-surface": {
|
|
1928
|
+
"members": [
|
|
1929
|
+
{
|
|
1930
|
+
"name": "elevation",
|
|
1931
|
+
"description": "Elevation level that determines shadow depth.",
|
|
1932
|
+
"type": "select",
|
|
1933
|
+
"options": [
|
|
1934
|
+
"0",
|
|
1935
|
+
"1",
|
|
1936
|
+
"2",
|
|
1937
|
+
"3",
|
|
1938
|
+
"4",
|
|
1939
|
+
"5"
|
|
1940
|
+
],
|
|
1941
|
+
"default": "1"
|
|
1942
|
+
},
|
|
1943
|
+
{
|
|
1944
|
+
"name": "appearance",
|
|
1945
|
+
"description": "Visual appearance that determines border and background.",
|
|
1946
|
+
"type": "select",
|
|
1947
|
+
"options": [
|
|
1948
|
+
"filled",
|
|
1949
|
+
"outlined"
|
|
1950
|
+
],
|
|
1951
|
+
"default": "filled"
|
|
1952
|
+
},
|
|
1953
|
+
{
|
|
1954
|
+
"name": "background",
|
|
1955
|
+
"description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
|
|
1956
|
+
"type": "color",
|
|
1957
|
+
"default": ""
|
|
1958
|
+
}
|
|
1959
|
+
]
|
|
1960
|
+
},
|
|
1961
|
+
"lt-switch": {
|
|
1962
|
+
"members": [
|
|
1963
|
+
{
|
|
1964
|
+
"name": "variant",
|
|
1965
|
+
"description": "Visual variant that determines the color when checked.",
|
|
1966
|
+
"type": "select",
|
|
1967
|
+
"options": [
|
|
1968
|
+
"primary",
|
|
1969
|
+
"secondary",
|
|
1970
|
+
"success",
|
|
1971
|
+
"error",
|
|
1972
|
+
"info"
|
|
1973
|
+
],
|
|
1974
|
+
"default": "primary"
|
|
1975
|
+
},
|
|
1976
|
+
{
|
|
1977
|
+
"name": "size",
|
|
1978
|
+
"description": "Size of the switch.",
|
|
1979
|
+
"type": "select",
|
|
1980
|
+
"options": [
|
|
1981
|
+
"sm",
|
|
1982
|
+
"md",
|
|
1983
|
+
"lg"
|
|
1984
|
+
],
|
|
1985
|
+
"default": "md"
|
|
1986
|
+
},
|
|
1987
|
+
{
|
|
1988
|
+
"name": "checked",
|
|
1989
|
+
"description": "Whether the switch is checked (on).",
|
|
1990
|
+
"type": "boolean",
|
|
1991
|
+
"default": false
|
|
1992
|
+
},
|
|
1993
|
+
{
|
|
1994
|
+
"name": "disabled",
|
|
1995
|
+
"description": "Whether the switch is disabled.",
|
|
1996
|
+
"type": "boolean",
|
|
1997
|
+
"default": false
|
|
1998
|
+
},
|
|
1999
|
+
{
|
|
2000
|
+
"name": "required",
|
|
2001
|
+
"description": "Whether the switch is required.",
|
|
2002
|
+
"type": "boolean",
|
|
2003
|
+
"default": false
|
|
2004
|
+
},
|
|
2005
|
+
{
|
|
2006
|
+
"name": "label",
|
|
2007
|
+
"description": "Label text displayed next to the switch.",
|
|
2008
|
+
"type": "text",
|
|
2009
|
+
"default": ""
|
|
2010
|
+
},
|
|
2011
|
+
{
|
|
2012
|
+
"name": "label-position",
|
|
2013
|
+
"description": "Position of the label relative to the switch.",
|
|
2014
|
+
"type": "select",
|
|
2015
|
+
"options": [
|
|
2016
|
+
"left",
|
|
2017
|
+
"right"
|
|
2018
|
+
],
|
|
2019
|
+
"default": "right"
|
|
2020
|
+
},
|
|
2021
|
+
{
|
|
2022
|
+
"name": "name",
|
|
2023
|
+
"description": "Name attribute for form submission.",
|
|
2024
|
+
"type": "text",
|
|
2025
|
+
"default": ""
|
|
2026
|
+
},
|
|
2027
|
+
{
|
|
2028
|
+
"name": "value",
|
|
2029
|
+
"description": "Value attribute for form submission.",
|
|
2030
|
+
"type": "text",
|
|
2031
|
+
"default": "on"
|
|
2032
|
+
}
|
|
2033
|
+
]
|
|
2034
|
+
},
|
|
2035
|
+
"lt-tab-panel": {
|
|
2036
|
+
"members": [
|
|
2037
|
+
{
|
|
2038
|
+
"name": "value",
|
|
2039
|
+
"description": "Value that matches the corresponding `lt-tab`.",
|
|
2040
|
+
"type": "text",
|
|
2041
|
+
"default": ""
|
|
2042
|
+
},
|
|
2043
|
+
{
|
|
2044
|
+
"name": "active",
|
|
2045
|
+
"description": "Set by `lt-tab-group` when this panel's tab is active.",
|
|
2046
|
+
"type": "boolean",
|
|
2047
|
+
"default": false
|
|
2048
|
+
}
|
|
2049
|
+
]
|
|
2050
|
+
},
|
|
2051
|
+
"lt-tab": {
|
|
2052
|
+
"members": [
|
|
2053
|
+
{
|
|
2054
|
+
"name": "label",
|
|
2055
|
+
"description": "Label text for the tab.",
|
|
2056
|
+
"type": "text",
|
|
2057
|
+
"default": ""
|
|
2058
|
+
},
|
|
2059
|
+
{
|
|
2060
|
+
"name": "value",
|
|
2061
|
+
"description": "Value identifier for the tab.",
|
|
2062
|
+
"type": "text",
|
|
2063
|
+
"default": ""
|
|
2064
|
+
},
|
|
2065
|
+
{
|
|
2066
|
+
"name": "icon-start",
|
|
2067
|
+
"description": "Icon name to display at the start of the tab.",
|
|
2068
|
+
"type": "icon",
|
|
2069
|
+
"default": ""
|
|
2070
|
+
},
|
|
2071
|
+
{
|
|
2072
|
+
"name": "active",
|
|
2073
|
+
"description": "Whether this tab is currently active.",
|
|
2074
|
+
"type": "boolean",
|
|
2075
|
+
"default": false
|
|
2076
|
+
},
|
|
2077
|
+
{
|
|
2078
|
+
"name": "disabled",
|
|
2079
|
+
"description": "Whether the tab is disabled.",
|
|
2080
|
+
"type": "boolean",
|
|
2081
|
+
"default": false
|
|
2082
|
+
},
|
|
2083
|
+
{
|
|
2084
|
+
"name": "size",
|
|
2085
|
+
"description": "Size of the tab.",
|
|
2086
|
+
"type": "select",
|
|
2087
|
+
"options": [
|
|
2088
|
+
"sm",
|
|
2089
|
+
"md",
|
|
2090
|
+
"lg"
|
|
2091
|
+
],
|
|
2092
|
+
"default": "md"
|
|
2093
|
+
}
|
|
2094
|
+
]
|
|
2095
|
+
},
|
|
2096
|
+
"lt-tab-group": {
|
|
2097
|
+
"members": [
|
|
2098
|
+
{
|
|
2099
|
+
"name": "value",
|
|
2100
|
+
"description": "Currently selected tab value.",
|
|
2101
|
+
"type": "text",
|
|
2102
|
+
"default": ""
|
|
2103
|
+
},
|
|
2104
|
+
{
|
|
2105
|
+
"name": "appearance",
|
|
2106
|
+
"description": "Visual appearance of the tab group.",
|
|
2107
|
+
"type": "select",
|
|
2108
|
+
"options": [
|
|
2109
|
+
"default",
|
|
2110
|
+
"pills"
|
|
2111
|
+
],
|
|
2112
|
+
"default": "default"
|
|
2113
|
+
},
|
|
2114
|
+
{
|
|
2115
|
+
"name": "size",
|
|
2116
|
+
"description": "Size of the tabs.",
|
|
2117
|
+
"type": "select",
|
|
2118
|
+
"options": [
|
|
2119
|
+
"sm",
|
|
2120
|
+
"md",
|
|
2121
|
+
"lg"
|
|
2122
|
+
],
|
|
2123
|
+
"default": "md"
|
|
2124
|
+
}
|
|
2125
|
+
]
|
|
2126
|
+
},
|
|
2127
|
+
"lt-table": {
|
|
2128
|
+
"members": [
|
|
2129
|
+
{
|
|
2130
|
+
"name": "density",
|
|
2131
|
+
"description": "Density/spacing of the table.",
|
|
2132
|
+
"type": "select",
|
|
2133
|
+
"options": [
|
|
2134
|
+
"compact",
|
|
2135
|
+
"normal",
|
|
2136
|
+
"comfortable"
|
|
2137
|
+
],
|
|
2138
|
+
"default": "normal"
|
|
2139
|
+
},
|
|
2140
|
+
{
|
|
2141
|
+
"name": "responsive-mode",
|
|
2142
|
+
"description": "Responsive behavior on small screens.",
|
|
2143
|
+
"type": "select",
|
|
2144
|
+
"options": [
|
|
2145
|
+
"scroll",
|
|
2146
|
+
"stack"
|
|
2147
|
+
],
|
|
2148
|
+
"default": "scroll"
|
|
2149
|
+
},
|
|
2150
|
+
{
|
|
2151
|
+
"name": "hoverable",
|
|
2152
|
+
"description": "Whether rows have a hover effect.",
|
|
2153
|
+
"type": "boolean",
|
|
2154
|
+
"default": false
|
|
2155
|
+
},
|
|
2156
|
+
{
|
|
2157
|
+
"name": "striped",
|
|
2158
|
+
"description": "Whether to show alternating row colors.",
|
|
2159
|
+
"type": "boolean",
|
|
2160
|
+
"default": false
|
|
2161
|
+
},
|
|
2162
|
+
{
|
|
2163
|
+
"name": "bordered",
|
|
2164
|
+
"description": "Whether to show borders around cells.",
|
|
2165
|
+
"type": "boolean",
|
|
2166
|
+
"default": false
|
|
2167
|
+
},
|
|
2168
|
+
{
|
|
2169
|
+
"name": "loading",
|
|
2170
|
+
"description": "Whether the table is in a loading state.",
|
|
2171
|
+
"type": "boolean",
|
|
2172
|
+
"default": false
|
|
2173
|
+
},
|
|
2174
|
+
{
|
|
2175
|
+
"name": "empty-message",
|
|
2176
|
+
"description": "Message to display when there is no data.",
|
|
2177
|
+
"type": "text",
|
|
2178
|
+
"default": "No data available"
|
|
2179
|
+
},
|
|
2180
|
+
{
|
|
2181
|
+
"name": "row-key",
|
|
2182
|
+
"description": "Field name to use as a stable row identity key for efficient DOM reuse during sorts/updates.\nWhen omitted, falls back to the row's JSON representation.",
|
|
2183
|
+
"type": "text",
|
|
2184
|
+
"default": ""
|
|
2185
|
+
},
|
|
2186
|
+
{
|
|
2187
|
+
"name": "sort",
|
|
2188
|
+
"description": "Current sort state (controlled externally).\nIf not provided, sorting is managed internally.",
|
|
2189
|
+
"type": "text",
|
|
2190
|
+
"default": ""
|
|
2191
|
+
}
|
|
2192
|
+
]
|
|
2193
|
+
},
|
|
2194
|
+
"lt-text": {
|
|
2195
|
+
"members": [
|
|
2196
|
+
{
|
|
2197
|
+
"name": "variant",
|
|
2198
|
+
"description": "Typographic style to apply.",
|
|
2199
|
+
"type": "select",
|
|
2200
|
+
"options": [
|
|
2201
|
+
"display-2xl",
|
|
2202
|
+
"display-xl",
|
|
2203
|
+
"display-lg",
|
|
2204
|
+
"h1",
|
|
2205
|
+
"h2",
|
|
2206
|
+
"h3",
|
|
2207
|
+
"h4",
|
|
2208
|
+
"h5",
|
|
2209
|
+
"h6",
|
|
2210
|
+
"lead",
|
|
2211
|
+
"body",
|
|
2212
|
+
"body-sm",
|
|
2213
|
+
"caption",
|
|
2214
|
+
"overline",
|
|
2215
|
+
"label"
|
|
2216
|
+
],
|
|
2217
|
+
"default": "body"
|
|
2218
|
+
},
|
|
2219
|
+
{
|
|
2220
|
+
"name": "as",
|
|
2221
|
+
"description": "HTML tag to render. Defaults to the semantic tag for the chosen variant.",
|
|
2222
|
+
"type": "select",
|
|
2223
|
+
"options": [
|
|
2224
|
+
"",
|
|
2225
|
+
"h1",
|
|
2226
|
+
"h2",
|
|
2227
|
+
"h3",
|
|
2228
|
+
"h4",
|
|
2229
|
+
"h5",
|
|
2230
|
+
"h6",
|
|
2231
|
+
"p",
|
|
2232
|
+
"span",
|
|
2233
|
+
"div",
|
|
2234
|
+
"label",
|
|
2235
|
+
"strong",
|
|
2236
|
+
"em"
|
|
2237
|
+
],
|
|
2238
|
+
"default": ""
|
|
2239
|
+
}
|
|
2240
|
+
]
|
|
2241
|
+
},
|
|
2242
|
+
"lt-textfield": {
|
|
2243
|
+
"members": [
|
|
2244
|
+
{
|
|
2245
|
+
"name": "variant",
|
|
2246
|
+
"description": "Visual variant that determines styling and automatic end icon.",
|
|
2247
|
+
"type": "select",
|
|
2248
|
+
"options": [
|
|
2249
|
+
"default",
|
|
2250
|
+
"success",
|
|
2251
|
+
"warning",
|
|
2252
|
+
"error"
|
|
2253
|
+
],
|
|
2254
|
+
"default": "default"
|
|
2255
|
+
},
|
|
2256
|
+
{
|
|
2257
|
+
"name": "size",
|
|
2258
|
+
"description": "Size of the textfield (affects height, font size, and padding).",
|
|
2259
|
+
"type": "select",
|
|
2260
|
+
"options": [
|
|
2261
|
+
"sm",
|
|
2262
|
+
"md",
|
|
2263
|
+
"lg"
|
|
2264
|
+
],
|
|
2265
|
+
"default": "md"
|
|
2266
|
+
},
|
|
2267
|
+
{
|
|
2268
|
+
"name": "type",
|
|
2269
|
+
"description": "HTML input type. Password type includes automatic visibility toggle.",
|
|
2270
|
+
"type": "select",
|
|
2271
|
+
"options": [
|
|
2272
|
+
"text",
|
|
2273
|
+
"email",
|
|
2274
|
+
"password",
|
|
2275
|
+
"tel",
|
|
2276
|
+
"url",
|
|
2277
|
+
"number",
|
|
2278
|
+
"multiline"
|
|
2279
|
+
],
|
|
2280
|
+
"default": "text"
|
|
2281
|
+
},
|
|
2282
|
+
{
|
|
2283
|
+
"name": "value",
|
|
2284
|
+
"description": "Current value of the input.",
|
|
2285
|
+
"type": "text",
|
|
2286
|
+
"default": ""
|
|
2287
|
+
},
|
|
2288
|
+
{
|
|
2289
|
+
"name": "placeholder",
|
|
2290
|
+
"description": "Placeholder text shown when input is empty.",
|
|
2291
|
+
"type": "text",
|
|
2292
|
+
"default": ""
|
|
2293
|
+
},
|
|
2294
|
+
{
|
|
2295
|
+
"name": "label",
|
|
2296
|
+
"description": "Label text displayed above the input.",
|
|
2297
|
+
"type": "text",
|
|
2298
|
+
"default": ""
|
|
2299
|
+
},
|
|
2300
|
+
{
|
|
2301
|
+
"name": "helper-text",
|
|
2302
|
+
"description": "Helper text displayed below the input. Can be a static string or a function\nthat receives the current error state and returns the string to display.\nColor changes based on variant or auto-error state.",
|
|
2303
|
+
"type": "text",
|
|
2304
|
+
"default": ""
|
|
2305
|
+
},
|
|
2306
|
+
{
|
|
2307
|
+
"name": "disabled",
|
|
2308
|
+
"description": "Whether the input is disabled.",
|
|
2309
|
+
"type": "boolean",
|
|
2310
|
+
"default": false
|
|
2311
|
+
},
|
|
2312
|
+
{
|
|
2313
|
+
"name": "required",
|
|
2314
|
+
"description": "Whether the input is required. Shows asterisk in label when true.",
|
|
2315
|
+
"type": "boolean",
|
|
2316
|
+
"default": false
|
|
2317
|
+
},
|
|
2318
|
+
{
|
|
2319
|
+
"name": "readonly",
|
|
2320
|
+
"description": "Whether the input is readonly.",
|
|
2321
|
+
"type": "boolean",
|
|
2322
|
+
"default": false
|
|
2323
|
+
},
|
|
2324
|
+
{
|
|
2325
|
+
"name": "icon-start",
|
|
2326
|
+
"description": "Icon name to display at the start of the input.",
|
|
2327
|
+
"type": "icon",
|
|
2328
|
+
"default": ""
|
|
2329
|
+
},
|
|
2330
|
+
{
|
|
2331
|
+
"name": "rows",
|
|
2332
|
+
"description": "Number of visible text lines for multiline type (textarea).\nOnly applies when type=\"multiline\".",
|
|
2333
|
+
"type": "number",
|
|
2334
|
+
"default": 3
|
|
2335
|
+
},
|
|
2336
|
+
{
|
|
2337
|
+
"name": "min",
|
|
2338
|
+
"description": "For type=\"number\": minimum allowed value.\nFor all other types: minimum character length.",
|
|
2339
|
+
"type": "text",
|
|
2340
|
+
"default": "null"
|
|
2341
|
+
},
|
|
2342
|
+
{
|
|
2343
|
+
"name": "max",
|
|
2344
|
+
"description": "For type=\"number\": maximum allowed value.\nFor all other types: maximum character length.",
|
|
2345
|
+
"type": "text",
|
|
2346
|
+
"default": "null"
|
|
2347
|
+
},
|
|
2348
|
+
{
|
|
2349
|
+
"name": "uppercase",
|
|
2350
|
+
"description": "Renders the label in small caps with wider letter spacing.",
|
|
2351
|
+
"type": "boolean",
|
|
2352
|
+
"default": false
|
|
2353
|
+
}
|
|
2354
|
+
]
|
|
2355
|
+
},
|
|
2356
|
+
"lt-tooltip": {
|
|
2357
|
+
"members": [
|
|
2358
|
+
{
|
|
2359
|
+
"name": "content",
|
|
2360
|
+
"description": "Tooltip label text.",
|
|
2361
|
+
"type": "text",
|
|
2362
|
+
"default": ""
|
|
2363
|
+
},
|
|
2364
|
+
{
|
|
2365
|
+
"name": "placement",
|
|
2366
|
+
"description": "Placement of the tooltip relative to the trigger: top, bottom, left, or right.",
|
|
2367
|
+
"type": "select",
|
|
2368
|
+
"options": [
|
|
2369
|
+
"top",
|
|
2370
|
+
"bottom",
|
|
2371
|
+
"left",
|
|
2372
|
+
"right"
|
|
2373
|
+
],
|
|
2374
|
+
"default": "top"
|
|
2375
|
+
},
|
|
2376
|
+
{
|
|
2377
|
+
"name": "disabled",
|
|
2378
|
+
"description": "Prevent the tooltip from showing.",
|
|
2379
|
+
"type": "boolean",
|
|
2380
|
+
"default": false
|
|
2381
|
+
},
|
|
2382
|
+
{
|
|
2383
|
+
"name": "background",
|
|
2384
|
+
"description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
|
|
2385
|
+
"type": "color",
|
|
2386
|
+
"default": ""
|
|
2387
|
+
},
|
|
2388
|
+
{
|
|
2389
|
+
"name": "color",
|
|
2390
|
+
"description": "Text color override. Accepts a hex value (#ffffff) or a CSS token name (--lt-color-neutral-50).",
|
|
2391
|
+
"type": "color",
|
|
2392
|
+
"default": ""
|
|
2393
|
+
}
|
|
2394
|
+
]
|
|
2395
|
+
}
|
|
2396
|
+
}
|