@tessera-ui/vue 0.4.1 → 0.6.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/README.md +34 -0
- package/dist/cjs/components.js +693 -0
- package/dist/cjs/index.js +19 -0
- package/dist/components.d.ts +19 -0
- package/dist/components.js +224 -11
- package/package.json +21 -6
package/README.md
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# @tessera-ui/vue
|
|
2
|
+
|
|
3
|
+
Vue wrappers for [Tessera UI](https://github.com/jkguidaven/tessera-ui) web components.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @tessera-ui/vue
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
```vue
|
|
14
|
+
<script setup>
|
|
15
|
+
import { TsButton, TsInput } from '@tessera-ui/vue';
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
<template>
|
|
19
|
+
<TsInput label="Email" placeholder="you@example.com" />
|
|
20
|
+
<TsButton variant="primary">Submit</TsButton>
|
|
21
|
+
</template>
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
Design tokens (CSS custom properties) are auto-imported — no additional CSS import needed.
|
|
25
|
+
|
|
26
|
+
## Documentation
|
|
27
|
+
|
|
28
|
+
- [Component docs](https://jkguidaven.github.io/tessera-ui/)
|
|
29
|
+
- [Storybook](https://jkguidaven.github.io/tessera-ui/storybook/)
|
|
30
|
+
- [GitHub](https://github.com/jkguidaven/tessera-ui)
|
|
31
|
+
|
|
32
|
+
## License
|
|
33
|
+
|
|
34
|
+
MIT
|
|
@@ -0,0 +1,693 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TsSpacer = exports.TsSlider = exports.TsSkeleton = exports.TsSidebar = exports.TsSelect = exports.TsScrollArea = exports.TsRow = exports.TsRadioGroup = exports.TsRadio = exports.TsProgress = exports.TsPopover = exports.TsPagination = exports.TsPageHeader = exports.TsNumberInput = exports.TsNavItem = exports.TsNavDivider = exports.TsNav = exports.TsModal = exports.TsMenuItem = exports.TsMenuDivider = exports.TsMenu = exports.TsInput = exports.TsIcon = exports.TsGrid = exports.TsForm = exports.TsFileUpload = exports.TsEmptyState = exports.TsDrawer = exports.TsDivider = exports.TsDialog = exports.TsDatePicker = exports.TsContainer = exports.TsCommandPaletteItem = exports.TsCommandPalette = exports.TsCombobox = exports.TsChip = exports.TsCheckboxGroup = exports.TsCheckbox = exports.TsCard = exports.TsButton = exports.TsBreadcrumbItem = exports.TsBreadcrumb = exports.TsBanner = exports.TsBadge = exports.TsAvatarGroup = exports.TsAvatar = exports.TsAppLayout = exports.TsAlert = exports.TsAccordionItem = exports.TsAccordion = void 0;
|
|
4
|
+
exports.TsVisuallyHidden = exports.TsTreeItem = exports.TsTree = exports.TsTooltip = exports.TsToolbar = exports.TsToggle = exports.TsToast = exports.TsTimelineItem = exports.TsTimeline = exports.TsTimePicker = exports.TsTextarea = exports.TsTagInput = exports.TsTabs = exports.TsTable = exports.TsTabPanel = exports.TsSwitchOption = exports.TsSwitchGroup = exports.TsStepper = exports.TsStep = exports.TsStack = exports.TsSpinner = void 0;
|
|
5
|
+
/* eslint-disable */
|
|
6
|
+
/* tslint:disable */
|
|
7
|
+
/* auto-generated vue proxies */
|
|
8
|
+
const runtime_1 = require("@stencil/vue-output-target/runtime");
|
|
9
|
+
exports.TsAccordion = (0, runtime_1.defineContainer)('ts-accordion', undefined, [
|
|
10
|
+
'multiple'
|
|
11
|
+
]);
|
|
12
|
+
exports.TsAccordionItem = (0, runtime_1.defineContainer)('ts-accordion-item', undefined, [
|
|
13
|
+
'open',
|
|
14
|
+
'disabled',
|
|
15
|
+
'heading',
|
|
16
|
+
'tsToggle'
|
|
17
|
+
], [
|
|
18
|
+
'tsToggle'
|
|
19
|
+
]);
|
|
20
|
+
exports.TsAlert = (0, runtime_1.defineContainer)('ts-alert', undefined, [
|
|
21
|
+
'variant',
|
|
22
|
+
'closable',
|
|
23
|
+
'tsClose'
|
|
24
|
+
], [
|
|
25
|
+
'tsClose'
|
|
26
|
+
]);
|
|
27
|
+
exports.TsAppLayout = (0, runtime_1.defineContainer)('ts-app-layout', undefined, [
|
|
28
|
+
'sidebarPlacement'
|
|
29
|
+
]);
|
|
30
|
+
exports.TsAvatar = (0, runtime_1.defineContainer)('ts-avatar', undefined, [
|
|
31
|
+
'src',
|
|
32
|
+
'alt',
|
|
33
|
+
'name',
|
|
34
|
+
'size',
|
|
35
|
+
'variant',
|
|
36
|
+
'status',
|
|
37
|
+
'color'
|
|
38
|
+
]);
|
|
39
|
+
exports.TsAvatarGroup = (0, runtime_1.defineContainer)('ts-avatar-group', undefined, [
|
|
40
|
+
'max',
|
|
41
|
+
'size'
|
|
42
|
+
]);
|
|
43
|
+
exports.TsBadge = (0, runtime_1.defineContainer)('ts-badge', undefined, [
|
|
44
|
+
'variant',
|
|
45
|
+
'size',
|
|
46
|
+
'pill',
|
|
47
|
+
'dot',
|
|
48
|
+
'outline'
|
|
49
|
+
]);
|
|
50
|
+
exports.TsBanner = (0, runtime_1.defineContainer)('ts-banner', undefined, [
|
|
51
|
+
'variant',
|
|
52
|
+
'dismissible',
|
|
53
|
+
'icon',
|
|
54
|
+
'sticky',
|
|
55
|
+
'tsClose'
|
|
56
|
+
], [
|
|
57
|
+
'tsClose'
|
|
58
|
+
]);
|
|
59
|
+
exports.TsBreadcrumb = (0, runtime_1.defineContainer)('ts-breadcrumb', undefined, [
|
|
60
|
+
'separator',
|
|
61
|
+
'maxItems'
|
|
62
|
+
]);
|
|
63
|
+
exports.TsBreadcrumbItem = (0, runtime_1.defineContainer)('ts-breadcrumb-item', undefined, [
|
|
64
|
+
'href',
|
|
65
|
+
'current',
|
|
66
|
+
'separator'
|
|
67
|
+
]);
|
|
68
|
+
exports.TsButton = (0, runtime_1.defineContainer)('ts-button', undefined, [
|
|
69
|
+
'variant',
|
|
70
|
+
'appearance',
|
|
71
|
+
'size',
|
|
72
|
+
'disabled',
|
|
73
|
+
'loading',
|
|
74
|
+
'block',
|
|
75
|
+
'type',
|
|
76
|
+
'href',
|
|
77
|
+
'target',
|
|
78
|
+
'tsClick',
|
|
79
|
+
'tsFocus',
|
|
80
|
+
'tsBlur'
|
|
81
|
+
], [
|
|
82
|
+
'tsClick',
|
|
83
|
+
'tsFocus',
|
|
84
|
+
'tsBlur'
|
|
85
|
+
]);
|
|
86
|
+
exports.TsCard = (0, runtime_1.defineContainer)('ts-card', undefined, [
|
|
87
|
+
'elevation',
|
|
88
|
+
'interactive',
|
|
89
|
+
'bordered',
|
|
90
|
+
'padding'
|
|
91
|
+
]);
|
|
92
|
+
exports.TsCheckbox = (0, runtime_1.defineContainer)('ts-checkbox', undefined, [
|
|
93
|
+
'checked',
|
|
94
|
+
'indeterminate',
|
|
95
|
+
'disabled',
|
|
96
|
+
'value',
|
|
97
|
+
'name',
|
|
98
|
+
'label',
|
|
99
|
+
'size',
|
|
100
|
+
'error',
|
|
101
|
+
'tsChange'
|
|
102
|
+
], [
|
|
103
|
+
'tsChange'
|
|
104
|
+
]);
|
|
105
|
+
exports.TsCheckboxGroup = (0, runtime_1.defineContainer)('ts-checkbox-group', undefined, [
|
|
106
|
+
'value',
|
|
107
|
+
'label',
|
|
108
|
+
'orientation',
|
|
109
|
+
'error',
|
|
110
|
+
'disabled',
|
|
111
|
+
'size',
|
|
112
|
+
'tsChange'
|
|
113
|
+
], [
|
|
114
|
+
'tsChange'
|
|
115
|
+
]);
|
|
116
|
+
exports.TsChip = (0, runtime_1.defineContainer)('ts-chip', undefined, [
|
|
117
|
+
'variant',
|
|
118
|
+
'size',
|
|
119
|
+
'removable',
|
|
120
|
+
'disabled',
|
|
121
|
+
'selected',
|
|
122
|
+
'outline',
|
|
123
|
+
'tsRemove',
|
|
124
|
+
'tsClick'
|
|
125
|
+
], [
|
|
126
|
+
'tsRemove',
|
|
127
|
+
'tsClick'
|
|
128
|
+
]);
|
|
129
|
+
exports.TsCombobox = (0, runtime_1.defineContainer)('ts-combobox', undefined, [
|
|
130
|
+
'value',
|
|
131
|
+
'label',
|
|
132
|
+
'placeholder',
|
|
133
|
+
'disabled',
|
|
134
|
+
'size',
|
|
135
|
+
'error',
|
|
136
|
+
'helpText',
|
|
137
|
+
'required',
|
|
138
|
+
'tsChange',
|
|
139
|
+
'tsInput'
|
|
140
|
+
], [
|
|
141
|
+
'tsChange',
|
|
142
|
+
'tsInput'
|
|
143
|
+
]);
|
|
144
|
+
exports.TsCommandPalette = (0, runtime_1.defineContainer)('ts-command-palette', undefined, [
|
|
145
|
+
'open',
|
|
146
|
+
'placeholder',
|
|
147
|
+
'tsSelect',
|
|
148
|
+
'tsClose'
|
|
149
|
+
], [
|
|
150
|
+
'tsSelect',
|
|
151
|
+
'tsClose'
|
|
152
|
+
]);
|
|
153
|
+
exports.TsCommandPaletteItem = (0, runtime_1.defineContainer)('ts-command-palette-item', undefined, [
|
|
154
|
+
'value',
|
|
155
|
+
'label',
|
|
156
|
+
'group',
|
|
157
|
+
'icon',
|
|
158
|
+
'shortcut'
|
|
159
|
+
]);
|
|
160
|
+
exports.TsContainer = (0, runtime_1.defineContainer)('ts-container', undefined, [
|
|
161
|
+
'size',
|
|
162
|
+
'padding'
|
|
163
|
+
]);
|
|
164
|
+
exports.TsDatePicker = (0, runtime_1.defineContainer)('ts-date-picker', undefined, [
|
|
165
|
+
'value',
|
|
166
|
+
'placeholder',
|
|
167
|
+
'disabled',
|
|
168
|
+
'min',
|
|
169
|
+
'max',
|
|
170
|
+
'label',
|
|
171
|
+
'error',
|
|
172
|
+
'errorMessage',
|
|
173
|
+
'size',
|
|
174
|
+
'name',
|
|
175
|
+
'locale',
|
|
176
|
+
'firstDayOfWeek',
|
|
177
|
+
'range',
|
|
178
|
+
'valueEnd',
|
|
179
|
+
'tsChange'
|
|
180
|
+
], [
|
|
181
|
+
'tsChange'
|
|
182
|
+
]);
|
|
183
|
+
exports.TsDialog = (0, runtime_1.defineContainer)('ts-dialog', undefined, [
|
|
184
|
+
'open',
|
|
185
|
+
'heading',
|
|
186
|
+
'size',
|
|
187
|
+
'dismissible',
|
|
188
|
+
'preventClose',
|
|
189
|
+
'tsClose',
|
|
190
|
+
'tsOpen',
|
|
191
|
+
'tsRequestClose'
|
|
192
|
+
], [
|
|
193
|
+
'tsClose',
|
|
194
|
+
'tsOpen',
|
|
195
|
+
'tsRequestClose'
|
|
196
|
+
]);
|
|
197
|
+
exports.TsDivider = (0, runtime_1.defineContainer)('ts-divider', undefined, [
|
|
198
|
+
'orientation',
|
|
199
|
+
'variant',
|
|
200
|
+
'label'
|
|
201
|
+
]);
|
|
202
|
+
exports.TsDrawer = (0, runtime_1.defineContainer)('ts-drawer', undefined, [
|
|
203
|
+
'open',
|
|
204
|
+
'placement',
|
|
205
|
+
'size',
|
|
206
|
+
'dismissible',
|
|
207
|
+
'heading',
|
|
208
|
+
'tsClose'
|
|
209
|
+
], [
|
|
210
|
+
'tsClose'
|
|
211
|
+
]);
|
|
212
|
+
exports.TsEmptyState = (0, runtime_1.defineContainer)('ts-empty-state', undefined, [
|
|
213
|
+
'heading',
|
|
214
|
+
'description',
|
|
215
|
+
'icon',
|
|
216
|
+
'size'
|
|
217
|
+
]);
|
|
218
|
+
exports.TsFileUpload = (0, runtime_1.defineContainer)('ts-file-upload', undefined, [
|
|
219
|
+
'accept',
|
|
220
|
+
'multiple',
|
|
221
|
+
'maxSize',
|
|
222
|
+
'maxFiles',
|
|
223
|
+
'showFileList',
|
|
224
|
+
'disabled',
|
|
225
|
+
'label',
|
|
226
|
+
'name',
|
|
227
|
+
'tsChange',
|
|
228
|
+
'tsRemove'
|
|
229
|
+
], [
|
|
230
|
+
'tsChange',
|
|
231
|
+
'tsRemove'
|
|
232
|
+
]);
|
|
233
|
+
exports.TsForm = (0, runtime_1.defineContainer)('ts-form', undefined, [
|
|
234
|
+
'novalidate',
|
|
235
|
+
'tsSubmit'
|
|
236
|
+
], [
|
|
237
|
+
'tsSubmit'
|
|
238
|
+
]);
|
|
239
|
+
exports.TsGrid = (0, runtime_1.defineContainer)('ts-grid', undefined, [
|
|
240
|
+
'columns',
|
|
241
|
+
'gap',
|
|
242
|
+
'minColumnWidth',
|
|
243
|
+
'align'
|
|
244
|
+
]);
|
|
245
|
+
exports.TsIcon = (0, runtime_1.defineContainer)('ts-icon', undefined, [
|
|
246
|
+
'name',
|
|
247
|
+
'src',
|
|
248
|
+
'size',
|
|
249
|
+
'label',
|
|
250
|
+
'color'
|
|
251
|
+
]);
|
|
252
|
+
exports.TsInput = (0, runtime_1.defineContainer)('ts-input', undefined, [
|
|
253
|
+
'value',
|
|
254
|
+
'type',
|
|
255
|
+
'size',
|
|
256
|
+
'label',
|
|
257
|
+
'placeholder',
|
|
258
|
+
'helpText',
|
|
259
|
+
'error',
|
|
260
|
+
'required',
|
|
261
|
+
'disabled',
|
|
262
|
+
'readonly',
|
|
263
|
+
'maxlength',
|
|
264
|
+
'minlength',
|
|
265
|
+
'pattern',
|
|
266
|
+
'clearable',
|
|
267
|
+
'showCount',
|
|
268
|
+
'autocomplete',
|
|
269
|
+
'name',
|
|
270
|
+
'tsInput',
|
|
271
|
+
'tsChange',
|
|
272
|
+
'tsFocus',
|
|
273
|
+
'tsBlur',
|
|
274
|
+
'tsValidate'
|
|
275
|
+
], [
|
|
276
|
+
'tsInput',
|
|
277
|
+
'tsChange',
|
|
278
|
+
'tsFocus',
|
|
279
|
+
'tsBlur',
|
|
280
|
+
'tsValidate'
|
|
281
|
+
]);
|
|
282
|
+
exports.TsMenu = (0, runtime_1.defineContainer)('ts-menu', undefined, [
|
|
283
|
+
'open',
|
|
284
|
+
'trigger',
|
|
285
|
+
'placement',
|
|
286
|
+
'tsOpen',
|
|
287
|
+
'tsClose'
|
|
288
|
+
], [
|
|
289
|
+
'tsOpen',
|
|
290
|
+
'tsClose'
|
|
291
|
+
]);
|
|
292
|
+
exports.TsMenuDivider = (0, runtime_1.defineContainer)('ts-menu-divider', undefined);
|
|
293
|
+
exports.TsMenuItem = (0, runtime_1.defineContainer)('ts-menu-item', undefined, [
|
|
294
|
+
'disabled',
|
|
295
|
+
'value',
|
|
296
|
+
'href',
|
|
297
|
+
'type',
|
|
298
|
+
'checked',
|
|
299
|
+
'variant',
|
|
300
|
+
'tsSelect'
|
|
301
|
+
], [
|
|
302
|
+
'tsSelect'
|
|
303
|
+
]);
|
|
304
|
+
exports.TsModal = (0, runtime_1.defineContainer)('ts-modal', undefined, [
|
|
305
|
+
'open',
|
|
306
|
+
'size',
|
|
307
|
+
'label',
|
|
308
|
+
'closeOnOverlay',
|
|
309
|
+
'closeOnEscape',
|
|
310
|
+
'showClose',
|
|
311
|
+
'tsOpen',
|
|
312
|
+
'tsClose'
|
|
313
|
+
], [
|
|
314
|
+
'tsOpen',
|
|
315
|
+
'tsClose'
|
|
316
|
+
]);
|
|
317
|
+
exports.TsNav = (0, runtime_1.defineContainer)('ts-nav', undefined, [
|
|
318
|
+
'variant',
|
|
319
|
+
'collapsed',
|
|
320
|
+
'label'
|
|
321
|
+
]);
|
|
322
|
+
exports.TsNavDivider = (0, runtime_1.defineContainer)('ts-nav-divider', undefined);
|
|
323
|
+
exports.TsNavItem = (0, runtime_1.defineContainer)('ts-nav-item', undefined, [
|
|
324
|
+
'href',
|
|
325
|
+
'active',
|
|
326
|
+
'disabled',
|
|
327
|
+
'icon',
|
|
328
|
+
'expandable',
|
|
329
|
+
'expanded',
|
|
330
|
+
'badge',
|
|
331
|
+
'tsSelect'
|
|
332
|
+
], [
|
|
333
|
+
'tsSelect'
|
|
334
|
+
]);
|
|
335
|
+
exports.TsNumberInput = (0, runtime_1.defineContainer)('ts-number-input', undefined, [
|
|
336
|
+
'value',
|
|
337
|
+
'min',
|
|
338
|
+
'max',
|
|
339
|
+
'step',
|
|
340
|
+
'precision',
|
|
341
|
+
'size',
|
|
342
|
+
'label',
|
|
343
|
+
'helpText',
|
|
344
|
+
'error',
|
|
345
|
+
'disabled',
|
|
346
|
+
'readonly',
|
|
347
|
+
'required',
|
|
348
|
+
'name',
|
|
349
|
+
'tsInput',
|
|
350
|
+
'tsChange'
|
|
351
|
+
], [
|
|
352
|
+
'tsInput',
|
|
353
|
+
'tsChange'
|
|
354
|
+
]);
|
|
355
|
+
exports.TsPageHeader = (0, runtime_1.defineContainer)('ts-page-header', undefined, [
|
|
356
|
+
'heading',
|
|
357
|
+
'description',
|
|
358
|
+
'backHref',
|
|
359
|
+
'tsBack'
|
|
360
|
+
], [
|
|
361
|
+
'tsBack'
|
|
362
|
+
]);
|
|
363
|
+
exports.TsPagination = (0, runtime_1.defineContainer)('ts-pagination', undefined, [
|
|
364
|
+
'total',
|
|
365
|
+
'pageSize',
|
|
366
|
+
'currentPage',
|
|
367
|
+
'siblingCount',
|
|
368
|
+
'size',
|
|
369
|
+
'showFirstLast',
|
|
370
|
+
'showInfo',
|
|
371
|
+
'tsChange'
|
|
372
|
+
], [
|
|
373
|
+
'tsChange'
|
|
374
|
+
]);
|
|
375
|
+
exports.TsPopover = (0, runtime_1.defineContainer)('ts-popover', undefined, [
|
|
376
|
+
'open',
|
|
377
|
+
'placement',
|
|
378
|
+
'trigger',
|
|
379
|
+
'dismissible',
|
|
380
|
+
'tsOpen',
|
|
381
|
+
'tsClose'
|
|
382
|
+
], [
|
|
383
|
+
'tsOpen',
|
|
384
|
+
'tsClose'
|
|
385
|
+
]);
|
|
386
|
+
exports.TsProgress = (0, runtime_1.defineContainer)('ts-progress', undefined, [
|
|
387
|
+
'value',
|
|
388
|
+
'max',
|
|
389
|
+
'variant',
|
|
390
|
+
'size',
|
|
391
|
+
'indeterminate',
|
|
392
|
+
'label',
|
|
393
|
+
'showValue',
|
|
394
|
+
'type',
|
|
395
|
+
'striped',
|
|
396
|
+
'animated',
|
|
397
|
+
'bufferValue'
|
|
398
|
+
]);
|
|
399
|
+
exports.TsRadio = (0, runtime_1.defineContainer)('ts-radio', undefined, [
|
|
400
|
+
'checked',
|
|
401
|
+
'disabled',
|
|
402
|
+
'value',
|
|
403
|
+
'name',
|
|
404
|
+
'label',
|
|
405
|
+
'size',
|
|
406
|
+
'tsChange'
|
|
407
|
+
], [
|
|
408
|
+
'tsChange'
|
|
409
|
+
]);
|
|
410
|
+
exports.TsRadioGroup = (0, runtime_1.defineContainer)('ts-radio-group', undefined, [
|
|
411
|
+
'value',
|
|
412
|
+
'name',
|
|
413
|
+
'label',
|
|
414
|
+
'orientation',
|
|
415
|
+
'error',
|
|
416
|
+
'disabled',
|
|
417
|
+
'size',
|
|
418
|
+
'tsChange'
|
|
419
|
+
], [
|
|
420
|
+
'tsChange'
|
|
421
|
+
]);
|
|
422
|
+
exports.TsRow = (0, runtime_1.defineContainer)('ts-row', undefined, [
|
|
423
|
+
'gap',
|
|
424
|
+
'align',
|
|
425
|
+
'justify',
|
|
426
|
+
'wrap',
|
|
427
|
+
'reverse',
|
|
428
|
+
'stackAt'
|
|
429
|
+
]);
|
|
430
|
+
exports.TsScrollArea = (0, runtime_1.defineContainer)('ts-scroll-area', undefined, [
|
|
431
|
+
'orientation',
|
|
432
|
+
'maxHeight'
|
|
433
|
+
]);
|
|
434
|
+
exports.TsSelect = (0, runtime_1.defineContainer)('ts-select', undefined, [
|
|
435
|
+
'value',
|
|
436
|
+
'placeholder',
|
|
437
|
+
'disabled',
|
|
438
|
+
'size',
|
|
439
|
+
'label',
|
|
440
|
+
'helpText',
|
|
441
|
+
'error',
|
|
442
|
+
'errorMessage',
|
|
443
|
+
'required',
|
|
444
|
+
'name',
|
|
445
|
+
'multiple',
|
|
446
|
+
'searchable',
|
|
447
|
+
'clearable',
|
|
448
|
+
'tsChange',
|
|
449
|
+
'tsFocus',
|
|
450
|
+
'tsBlur'
|
|
451
|
+
], [
|
|
452
|
+
'tsChange',
|
|
453
|
+
'tsFocus',
|
|
454
|
+
'tsBlur'
|
|
455
|
+
]);
|
|
456
|
+
exports.TsSidebar = (0, runtime_1.defineContainer)('ts-sidebar', undefined, [
|
|
457
|
+
'collapsed',
|
|
458
|
+
'width',
|
|
459
|
+
'collapsible',
|
|
460
|
+
'tsToggle'
|
|
461
|
+
], [
|
|
462
|
+
'tsToggle'
|
|
463
|
+
]);
|
|
464
|
+
exports.TsSkeleton = (0, runtime_1.defineContainer)('ts-skeleton', undefined, [
|
|
465
|
+
'variant',
|
|
466
|
+
'width',
|
|
467
|
+
'height',
|
|
468
|
+
'lines',
|
|
469
|
+
'animation'
|
|
470
|
+
]);
|
|
471
|
+
exports.TsSlider = (0, runtime_1.defineContainer)('ts-slider', undefined, [
|
|
472
|
+
'value',
|
|
473
|
+
'valueLow',
|
|
474
|
+
'valueHigh',
|
|
475
|
+
'range',
|
|
476
|
+
'min',
|
|
477
|
+
'max',
|
|
478
|
+
'step',
|
|
479
|
+
'disabled',
|
|
480
|
+
'label',
|
|
481
|
+
'showValue',
|
|
482
|
+
'size',
|
|
483
|
+
'orientation',
|
|
484
|
+
'marks',
|
|
485
|
+
'tsInput',
|
|
486
|
+
'tsChange'
|
|
487
|
+
], [
|
|
488
|
+
'tsInput',
|
|
489
|
+
'tsChange'
|
|
490
|
+
]);
|
|
491
|
+
exports.TsSpacer = (0, runtime_1.defineContainer)('ts-spacer', undefined, [
|
|
492
|
+
'size',
|
|
493
|
+
'axis'
|
|
494
|
+
]);
|
|
495
|
+
exports.TsSpinner = (0, runtime_1.defineContainer)('ts-spinner', undefined, [
|
|
496
|
+
'size',
|
|
497
|
+
'color',
|
|
498
|
+
'label'
|
|
499
|
+
]);
|
|
500
|
+
exports.TsStack = (0, runtime_1.defineContainer)('ts-stack', undefined, [
|
|
501
|
+
'gap',
|
|
502
|
+
'align'
|
|
503
|
+
]);
|
|
504
|
+
exports.TsStep = (0, runtime_1.defineContainer)('ts-step', undefined, [
|
|
505
|
+
'label',
|
|
506
|
+
'description',
|
|
507
|
+
'completed',
|
|
508
|
+
'error',
|
|
509
|
+
'disabled',
|
|
510
|
+
'icon'
|
|
511
|
+
]);
|
|
512
|
+
exports.TsStepper = (0, runtime_1.defineContainer)('ts-stepper', undefined, [
|
|
513
|
+
'activeStep',
|
|
514
|
+
'orientation',
|
|
515
|
+
'linear'
|
|
516
|
+
]);
|
|
517
|
+
exports.TsSwitchGroup = (0, runtime_1.defineContainer)('ts-switch-group', undefined, [
|
|
518
|
+
'value',
|
|
519
|
+
'size',
|
|
520
|
+
'disabled',
|
|
521
|
+
'fullWidth',
|
|
522
|
+
'tsChange'
|
|
523
|
+
], [
|
|
524
|
+
'tsChange'
|
|
525
|
+
]);
|
|
526
|
+
exports.TsSwitchOption = (0, runtime_1.defineContainer)('ts-switch-option', undefined, [
|
|
527
|
+
'value',
|
|
528
|
+
'disabled',
|
|
529
|
+
'icon',
|
|
530
|
+
'active',
|
|
531
|
+
'tsOptionSelect'
|
|
532
|
+
], [
|
|
533
|
+
'tsOptionSelect'
|
|
534
|
+
]);
|
|
535
|
+
exports.TsTabPanel = (0, runtime_1.defineContainer)('ts-tab-panel', undefined, [
|
|
536
|
+
'tab',
|
|
537
|
+
'value',
|
|
538
|
+
'disabled',
|
|
539
|
+
'icon'
|
|
540
|
+
]);
|
|
541
|
+
exports.TsTable = (0, runtime_1.defineContainer)('ts-table', undefined, [
|
|
542
|
+
'striped',
|
|
543
|
+
'bordered',
|
|
544
|
+
'hoverable',
|
|
545
|
+
'compact',
|
|
546
|
+
'stickyHeader',
|
|
547
|
+
'sortable',
|
|
548
|
+
'sortColumn',
|
|
549
|
+
'sortDirection',
|
|
550
|
+
'selectable',
|
|
551
|
+
'selectedRows',
|
|
552
|
+
'tsSort',
|
|
553
|
+
'tsSelectionChange'
|
|
554
|
+
], [
|
|
555
|
+
'tsSort',
|
|
556
|
+
'tsSelectionChange'
|
|
557
|
+
]);
|
|
558
|
+
exports.TsTabs = (0, runtime_1.defineContainer)('ts-tabs', undefined, [
|
|
559
|
+
'value',
|
|
560
|
+
'variant',
|
|
561
|
+
'size',
|
|
562
|
+
'orientation',
|
|
563
|
+
'closable',
|
|
564
|
+
'scrollable',
|
|
565
|
+
'tsChange',
|
|
566
|
+
'tsClose'
|
|
567
|
+
], [
|
|
568
|
+
'tsChange',
|
|
569
|
+
'tsClose'
|
|
570
|
+
]);
|
|
571
|
+
exports.TsTagInput = (0, runtime_1.defineContainer)('ts-tag-input', undefined, [
|
|
572
|
+
'value',
|
|
573
|
+
'label',
|
|
574
|
+
'placeholder',
|
|
575
|
+
'maxTags',
|
|
576
|
+
'disabled',
|
|
577
|
+
'size',
|
|
578
|
+
'error',
|
|
579
|
+
'helpText',
|
|
580
|
+
'allowDuplicates',
|
|
581
|
+
'tsChange',
|
|
582
|
+
'tsInput'
|
|
583
|
+
], [
|
|
584
|
+
'tsChange',
|
|
585
|
+
'tsInput'
|
|
586
|
+
]);
|
|
587
|
+
exports.TsTextarea = (0, runtime_1.defineContainer)('ts-textarea', undefined, [
|
|
588
|
+
'value',
|
|
589
|
+
'placeholder',
|
|
590
|
+
'disabled',
|
|
591
|
+
'readonly',
|
|
592
|
+
'size',
|
|
593
|
+
'label',
|
|
594
|
+
'helpText',
|
|
595
|
+
'error',
|
|
596
|
+
'errorMessage',
|
|
597
|
+
'required',
|
|
598
|
+
'name',
|
|
599
|
+
'rows',
|
|
600
|
+
'resize',
|
|
601
|
+
'maxlength',
|
|
602
|
+
'showCount',
|
|
603
|
+
'autoGrow',
|
|
604
|
+
'maxHeight',
|
|
605
|
+
'tsInput',
|
|
606
|
+
'tsChange',
|
|
607
|
+
'tsFocus',
|
|
608
|
+
'tsBlur'
|
|
609
|
+
], [
|
|
610
|
+
'tsInput',
|
|
611
|
+
'tsChange',
|
|
612
|
+
'tsFocus',
|
|
613
|
+
'tsBlur'
|
|
614
|
+
]);
|
|
615
|
+
exports.TsTimePicker = (0, runtime_1.defineContainer)('ts-time-picker', undefined, [
|
|
616
|
+
'value',
|
|
617
|
+
'format',
|
|
618
|
+
'step',
|
|
619
|
+
'label',
|
|
620
|
+
'helpText',
|
|
621
|
+
'error',
|
|
622
|
+
'disabled',
|
|
623
|
+
'required',
|
|
624
|
+
'size',
|
|
625
|
+
'name',
|
|
626
|
+
'showSeconds',
|
|
627
|
+
'tsChange',
|
|
628
|
+
'tsFocus',
|
|
629
|
+
'tsBlur'
|
|
630
|
+
], [
|
|
631
|
+
'tsChange',
|
|
632
|
+
'tsFocus',
|
|
633
|
+
'tsBlur'
|
|
634
|
+
]);
|
|
635
|
+
exports.TsTimeline = (0, runtime_1.defineContainer)('ts-timeline', undefined);
|
|
636
|
+
exports.TsTimelineItem = (0, runtime_1.defineContainer)('ts-timeline-item', undefined, [
|
|
637
|
+
'variant',
|
|
638
|
+
'icon',
|
|
639
|
+
'timestamp'
|
|
640
|
+
]);
|
|
641
|
+
exports.TsToast = (0, runtime_1.defineContainer)('ts-toast', undefined, [
|
|
642
|
+
'variant',
|
|
643
|
+
'duration',
|
|
644
|
+
'dismissible',
|
|
645
|
+
'open',
|
|
646
|
+
'position',
|
|
647
|
+
'pauseOnHover',
|
|
648
|
+
'showProgress',
|
|
649
|
+
'tsClose'
|
|
650
|
+
], [
|
|
651
|
+
'tsClose'
|
|
652
|
+
]);
|
|
653
|
+
exports.TsToggle = (0, runtime_1.defineContainer)('ts-toggle', undefined, [
|
|
654
|
+
'checked',
|
|
655
|
+
'size',
|
|
656
|
+
'disabled',
|
|
657
|
+
'name',
|
|
658
|
+
'value',
|
|
659
|
+
'tsChange'
|
|
660
|
+
], [
|
|
661
|
+
'tsChange'
|
|
662
|
+
]);
|
|
663
|
+
exports.TsToolbar = (0, runtime_1.defineContainer)('ts-toolbar', undefined, [
|
|
664
|
+
'variant',
|
|
665
|
+
'size'
|
|
666
|
+
]);
|
|
667
|
+
exports.TsTooltip = (0, runtime_1.defineContainer)('ts-tooltip', undefined, [
|
|
668
|
+
'content',
|
|
669
|
+
'placement',
|
|
670
|
+
'showDelay',
|
|
671
|
+
'hideDelay',
|
|
672
|
+
'disabled'
|
|
673
|
+
]);
|
|
674
|
+
exports.TsTree = (0, runtime_1.defineContainer)('ts-tree', undefined, [
|
|
675
|
+
'selectable',
|
|
676
|
+
'multiSelect'
|
|
677
|
+
]);
|
|
678
|
+
exports.TsTreeItem = (0, runtime_1.defineContainer)('ts-tree-item', undefined, [
|
|
679
|
+
'label',
|
|
680
|
+
'expanded',
|
|
681
|
+
'selected',
|
|
682
|
+
'disabled',
|
|
683
|
+
'checkbox',
|
|
684
|
+
'icon',
|
|
685
|
+
'tsToggle',
|
|
686
|
+
'tsSelect'
|
|
687
|
+
], [
|
|
688
|
+
'tsToggle',
|
|
689
|
+
'tsSelect'
|
|
690
|
+
]);
|
|
691
|
+
exports.TsVisuallyHidden = (0, runtime_1.defineContainer)('ts-visually-hidden', undefined, [
|
|
692
|
+
'focusable'
|
|
693
|
+
]);
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
// Auto-import Tessera UI design tokens (global CSS custom properties)
|
|
18
|
+
require("@tessera-ui/core/dist/tessera-ui/tessera-ui.css");
|
|
19
|
+
__exportStar(require("./components"), exports);
|
package/dist/components.d.ts
CHANGED
|
@@ -3,7 +3,9 @@ import type { JSX } from '@tessera-ui/core';
|
|
|
3
3
|
export declare const TsAccordion: StencilVueComponent<JSX.TsAccordion>;
|
|
4
4
|
export declare const TsAccordionItem: StencilVueComponent<JSX.TsAccordionItem>;
|
|
5
5
|
export declare const TsAlert: StencilVueComponent<JSX.TsAlert>;
|
|
6
|
+
export declare const TsAppLayout: StencilVueComponent<JSX.TsAppLayout>;
|
|
6
7
|
export declare const TsAvatar: StencilVueComponent<JSX.TsAvatar>;
|
|
8
|
+
export declare const TsAvatarGroup: StencilVueComponent<JSX.TsAvatarGroup>;
|
|
7
9
|
export declare const TsBadge: StencilVueComponent<JSX.TsBadge>;
|
|
8
10
|
export declare const TsBanner: StencilVueComponent<JSX.TsBanner>;
|
|
9
11
|
export declare const TsBreadcrumb: StencilVueComponent<JSX.TsBreadcrumb>;
|
|
@@ -11,7 +13,11 @@ export declare const TsBreadcrumbItem: StencilVueComponent<JSX.TsBreadcrumbItem>
|
|
|
11
13
|
export declare const TsButton: StencilVueComponent<JSX.TsButton>;
|
|
12
14
|
export declare const TsCard: StencilVueComponent<JSX.TsCard>;
|
|
13
15
|
export declare const TsCheckbox: StencilVueComponent<JSX.TsCheckbox>;
|
|
16
|
+
export declare const TsCheckboxGroup: StencilVueComponent<JSX.TsCheckboxGroup>;
|
|
14
17
|
export declare const TsChip: StencilVueComponent<JSX.TsChip>;
|
|
18
|
+
export declare const TsCombobox: StencilVueComponent<JSX.TsCombobox>;
|
|
19
|
+
export declare const TsCommandPalette: StencilVueComponent<JSX.TsCommandPalette>;
|
|
20
|
+
export declare const TsCommandPaletteItem: StencilVueComponent<JSX.TsCommandPaletteItem>;
|
|
15
21
|
export declare const TsContainer: StencilVueComponent<JSX.TsContainer>;
|
|
16
22
|
export declare const TsDatePicker: StencilVueComponent<JSX.TsDatePicker>;
|
|
17
23
|
export declare const TsDialog: StencilVueComponent<JSX.TsDialog>;
|
|
@@ -19,20 +25,28 @@ export declare const TsDivider: StencilVueComponent<JSX.TsDivider>;
|
|
|
19
25
|
export declare const TsDrawer: StencilVueComponent<JSX.TsDrawer>;
|
|
20
26
|
export declare const TsEmptyState: StencilVueComponent<JSX.TsEmptyState>;
|
|
21
27
|
export declare const TsFileUpload: StencilVueComponent<JSX.TsFileUpload>;
|
|
28
|
+
export declare const TsForm: StencilVueComponent<JSX.TsForm>;
|
|
22
29
|
export declare const TsGrid: StencilVueComponent<JSX.TsGrid>;
|
|
23
30
|
export declare const TsIcon: StencilVueComponent<JSX.TsIcon>;
|
|
24
31
|
export declare const TsInput: StencilVueComponent<JSX.TsInput>;
|
|
25
32
|
export declare const TsMenu: StencilVueComponent<JSX.TsMenu>;
|
|
33
|
+
export declare const TsMenuDivider: StencilVueComponent<JSX.TsMenuDivider>;
|
|
26
34
|
export declare const TsMenuItem: StencilVueComponent<JSX.TsMenuItem>;
|
|
27
35
|
export declare const TsModal: StencilVueComponent<JSX.TsModal>;
|
|
28
36
|
export declare const TsNav: StencilVueComponent<JSX.TsNav>;
|
|
37
|
+
export declare const TsNavDivider: StencilVueComponent<JSX.TsNavDivider>;
|
|
29
38
|
export declare const TsNavItem: StencilVueComponent<JSX.TsNavItem>;
|
|
39
|
+
export declare const TsNumberInput: StencilVueComponent<JSX.TsNumberInput>;
|
|
40
|
+
export declare const TsPageHeader: StencilVueComponent<JSX.TsPageHeader>;
|
|
30
41
|
export declare const TsPagination: StencilVueComponent<JSX.TsPagination>;
|
|
31
42
|
export declare const TsPopover: StencilVueComponent<JSX.TsPopover>;
|
|
32
43
|
export declare const TsProgress: StencilVueComponent<JSX.TsProgress>;
|
|
33
44
|
export declare const TsRadio: StencilVueComponent<JSX.TsRadio>;
|
|
45
|
+
export declare const TsRadioGroup: StencilVueComponent<JSX.TsRadioGroup>;
|
|
34
46
|
export declare const TsRow: StencilVueComponent<JSX.TsRow>;
|
|
47
|
+
export declare const TsScrollArea: StencilVueComponent<JSX.TsScrollArea>;
|
|
35
48
|
export declare const TsSelect: StencilVueComponent<JSX.TsSelect>;
|
|
49
|
+
export declare const TsSidebar: StencilVueComponent<JSX.TsSidebar>;
|
|
36
50
|
export declare const TsSkeleton: StencilVueComponent<JSX.TsSkeleton>;
|
|
37
51
|
export declare const TsSlider: StencilVueComponent<JSX.TsSlider>;
|
|
38
52
|
export declare const TsSpacer: StencilVueComponent<JSX.TsSpacer>;
|
|
@@ -45,10 +59,15 @@ export declare const TsSwitchOption: StencilVueComponent<JSX.TsSwitchOption>;
|
|
|
45
59
|
export declare const TsTabPanel: StencilVueComponent<JSX.TsTabPanel>;
|
|
46
60
|
export declare const TsTable: StencilVueComponent<JSX.TsTable>;
|
|
47
61
|
export declare const TsTabs: StencilVueComponent<JSX.TsTabs>;
|
|
62
|
+
export declare const TsTagInput: StencilVueComponent<JSX.TsTagInput>;
|
|
48
63
|
export declare const TsTextarea: StencilVueComponent<JSX.TsTextarea>;
|
|
64
|
+
export declare const TsTimePicker: StencilVueComponent<JSX.TsTimePicker>;
|
|
65
|
+
export declare const TsTimeline: StencilVueComponent<JSX.TsTimeline>;
|
|
66
|
+
export declare const TsTimelineItem: StencilVueComponent<JSX.TsTimelineItem>;
|
|
49
67
|
export declare const TsToast: StencilVueComponent<JSX.TsToast>;
|
|
50
68
|
export declare const TsToggle: StencilVueComponent<JSX.TsToggle>;
|
|
51
69
|
export declare const TsToolbar: StencilVueComponent<JSX.TsToolbar>;
|
|
52
70
|
export declare const TsTooltip: StencilVueComponent<JSX.TsTooltip>;
|
|
53
71
|
export declare const TsTree: StencilVueComponent<JSX.TsTree>;
|
|
54
72
|
export declare const TsTreeItem: StencilVueComponent<JSX.TsTreeItem>;
|
|
73
|
+
export declare const TsVisuallyHidden: StencilVueComponent<JSX.TsVisuallyHidden>;
|
package/dist/components.js
CHANGED
|
@@ -20,14 +20,22 @@ export const TsAlert = /*@__PURE__*/ defineContainer('ts-alert', undefined, [
|
|
|
20
20
|
], [
|
|
21
21
|
'tsClose'
|
|
22
22
|
]);
|
|
23
|
+
export const TsAppLayout = /*@__PURE__*/ defineContainer('ts-app-layout', undefined, [
|
|
24
|
+
'sidebarPlacement'
|
|
25
|
+
]);
|
|
23
26
|
export const TsAvatar = /*@__PURE__*/ defineContainer('ts-avatar', undefined, [
|
|
24
27
|
'src',
|
|
25
28
|
'alt',
|
|
26
29
|
'name',
|
|
27
30
|
'size',
|
|
28
31
|
'variant',
|
|
32
|
+
'status',
|
|
29
33
|
'color'
|
|
30
34
|
]);
|
|
35
|
+
export const TsAvatarGroup = /*@__PURE__*/ defineContainer('ts-avatar-group', undefined, [
|
|
36
|
+
'max',
|
|
37
|
+
'size'
|
|
38
|
+
]);
|
|
31
39
|
export const TsBadge = /*@__PURE__*/ defineContainer('ts-badge', undefined, [
|
|
32
40
|
'variant',
|
|
33
41
|
'size',
|
|
@@ -45,7 +53,8 @@ export const TsBanner = /*@__PURE__*/ defineContainer('ts-banner', undefined, [
|
|
|
45
53
|
'tsClose'
|
|
46
54
|
]);
|
|
47
55
|
export const TsBreadcrumb = /*@__PURE__*/ defineContainer('ts-breadcrumb', undefined, [
|
|
48
|
-
'separator'
|
|
56
|
+
'separator',
|
|
57
|
+
'maxItems'
|
|
49
58
|
]);
|
|
50
59
|
export const TsBreadcrumbItem = /*@__PURE__*/ defineContainer('ts-breadcrumb-item', undefined, [
|
|
51
60
|
'href',
|
|
@@ -89,6 +98,17 @@ export const TsCheckbox = /*@__PURE__*/ defineContainer('ts-checkbox', undefined
|
|
|
89
98
|
], [
|
|
90
99
|
'tsChange'
|
|
91
100
|
]);
|
|
101
|
+
export const TsCheckboxGroup = /*@__PURE__*/ defineContainer('ts-checkbox-group', undefined, [
|
|
102
|
+
'value',
|
|
103
|
+
'label',
|
|
104
|
+
'orientation',
|
|
105
|
+
'error',
|
|
106
|
+
'disabled',
|
|
107
|
+
'size',
|
|
108
|
+
'tsChange'
|
|
109
|
+
], [
|
|
110
|
+
'tsChange'
|
|
111
|
+
]);
|
|
92
112
|
export const TsChip = /*@__PURE__*/ defineContainer('ts-chip', undefined, [
|
|
93
113
|
'variant',
|
|
94
114
|
'size',
|
|
@@ -102,6 +122,37 @@ export const TsChip = /*@__PURE__*/ defineContainer('ts-chip', undefined, [
|
|
|
102
122
|
'tsRemove',
|
|
103
123
|
'tsClick'
|
|
104
124
|
]);
|
|
125
|
+
export const TsCombobox = /*@__PURE__*/ defineContainer('ts-combobox', undefined, [
|
|
126
|
+
'value',
|
|
127
|
+
'label',
|
|
128
|
+
'placeholder',
|
|
129
|
+
'disabled',
|
|
130
|
+
'size',
|
|
131
|
+
'error',
|
|
132
|
+
'helpText',
|
|
133
|
+
'required',
|
|
134
|
+
'tsChange',
|
|
135
|
+
'tsInput'
|
|
136
|
+
], [
|
|
137
|
+
'tsChange',
|
|
138
|
+
'tsInput'
|
|
139
|
+
]);
|
|
140
|
+
export const TsCommandPalette = /*@__PURE__*/ defineContainer('ts-command-palette', undefined, [
|
|
141
|
+
'open',
|
|
142
|
+
'placeholder',
|
|
143
|
+
'tsSelect',
|
|
144
|
+
'tsClose'
|
|
145
|
+
], [
|
|
146
|
+
'tsSelect',
|
|
147
|
+
'tsClose'
|
|
148
|
+
]);
|
|
149
|
+
export const TsCommandPaletteItem = /*@__PURE__*/ defineContainer('ts-command-palette-item', undefined, [
|
|
150
|
+
'value',
|
|
151
|
+
'label',
|
|
152
|
+
'group',
|
|
153
|
+
'icon',
|
|
154
|
+
'shortcut'
|
|
155
|
+
]);
|
|
105
156
|
export const TsContainer = /*@__PURE__*/ defineContainer('ts-container', undefined, [
|
|
106
157
|
'size',
|
|
107
158
|
'padding'
|
|
@@ -117,6 +168,10 @@ export const TsDatePicker = /*@__PURE__*/ defineContainer('ts-date-picker', unde
|
|
|
117
168
|
'errorMessage',
|
|
118
169
|
'size',
|
|
119
170
|
'name',
|
|
171
|
+
'locale',
|
|
172
|
+
'firstDayOfWeek',
|
|
173
|
+
'range',
|
|
174
|
+
'valueEnd',
|
|
120
175
|
'tsChange'
|
|
121
176
|
], [
|
|
122
177
|
'tsChange'
|
|
@@ -126,9 +181,14 @@ export const TsDialog = /*@__PURE__*/ defineContainer('ts-dialog', undefined, [
|
|
|
126
181
|
'heading',
|
|
127
182
|
'size',
|
|
128
183
|
'dismissible',
|
|
129
|
-
'
|
|
184
|
+
'preventClose',
|
|
185
|
+
'tsClose',
|
|
186
|
+
'tsOpen',
|
|
187
|
+
'tsRequestClose'
|
|
130
188
|
], [
|
|
131
|
-
'tsClose'
|
|
189
|
+
'tsClose',
|
|
190
|
+
'tsOpen',
|
|
191
|
+
'tsRequestClose'
|
|
132
192
|
]);
|
|
133
193
|
export const TsDivider = /*@__PURE__*/ defineContainer('ts-divider', undefined, [
|
|
134
194
|
'orientation',
|
|
@@ -155,12 +215,22 @@ export const TsFileUpload = /*@__PURE__*/ defineContainer('ts-file-upload', unde
|
|
|
155
215
|
'accept',
|
|
156
216
|
'multiple',
|
|
157
217
|
'maxSize',
|
|
218
|
+
'maxFiles',
|
|
219
|
+
'showFileList',
|
|
158
220
|
'disabled',
|
|
159
221
|
'label',
|
|
160
222
|
'name',
|
|
161
|
-
'tsChange'
|
|
223
|
+
'tsChange',
|
|
224
|
+
'tsRemove'
|
|
162
225
|
], [
|
|
163
|
-
'tsChange'
|
|
226
|
+
'tsChange',
|
|
227
|
+
'tsRemove'
|
|
228
|
+
]);
|
|
229
|
+
export const TsForm = /*@__PURE__*/ defineContainer('ts-form', undefined, [
|
|
230
|
+
'novalidate',
|
|
231
|
+
'tsSubmit'
|
|
232
|
+
], [
|
|
233
|
+
'tsSubmit'
|
|
164
234
|
]);
|
|
165
235
|
export const TsGrid = /*@__PURE__*/ defineContainer('ts-grid', undefined, [
|
|
166
236
|
'columns',
|
|
@@ -189,6 +259,8 @@ export const TsInput = /*@__PURE__*/ defineContainer('ts-input', undefined, [
|
|
|
189
259
|
'maxlength',
|
|
190
260
|
'minlength',
|
|
191
261
|
'pattern',
|
|
262
|
+
'clearable',
|
|
263
|
+
'showCount',
|
|
192
264
|
'autocomplete',
|
|
193
265
|
'name',
|
|
194
266
|
'tsInput',
|
|
@@ -213,10 +285,14 @@ export const TsMenu = /*@__PURE__*/ defineContainer('ts-menu', undefined, [
|
|
|
213
285
|
'tsOpen',
|
|
214
286
|
'tsClose'
|
|
215
287
|
]);
|
|
288
|
+
export const TsMenuDivider = /*@__PURE__*/ defineContainer('ts-menu-divider', undefined);
|
|
216
289
|
export const TsMenuItem = /*@__PURE__*/ defineContainer('ts-menu-item', undefined, [
|
|
217
290
|
'disabled',
|
|
218
291
|
'value',
|
|
219
292
|
'href',
|
|
293
|
+
'type',
|
|
294
|
+
'checked',
|
|
295
|
+
'variant',
|
|
220
296
|
'tsSelect'
|
|
221
297
|
], [
|
|
222
298
|
'tsSelect'
|
|
@@ -236,23 +312,58 @@ export const TsModal = /*@__PURE__*/ defineContainer('ts-modal', undefined, [
|
|
|
236
312
|
]);
|
|
237
313
|
export const TsNav = /*@__PURE__*/ defineContainer('ts-nav', undefined, [
|
|
238
314
|
'variant',
|
|
239
|
-
'collapsed'
|
|
315
|
+
'collapsed',
|
|
316
|
+
'label'
|
|
240
317
|
]);
|
|
318
|
+
export const TsNavDivider = /*@__PURE__*/ defineContainer('ts-nav-divider', undefined);
|
|
241
319
|
export const TsNavItem = /*@__PURE__*/ defineContainer('ts-nav-item', undefined, [
|
|
242
320
|
'href',
|
|
243
321
|
'active',
|
|
244
322
|
'disabled',
|
|
245
323
|
'icon',
|
|
324
|
+
'expandable',
|
|
325
|
+
'expanded',
|
|
326
|
+
'badge',
|
|
246
327
|
'tsSelect'
|
|
247
328
|
], [
|
|
248
329
|
'tsSelect'
|
|
249
330
|
]);
|
|
331
|
+
export const TsNumberInput = /*@__PURE__*/ defineContainer('ts-number-input', undefined, [
|
|
332
|
+
'value',
|
|
333
|
+
'min',
|
|
334
|
+
'max',
|
|
335
|
+
'step',
|
|
336
|
+
'precision',
|
|
337
|
+
'size',
|
|
338
|
+
'label',
|
|
339
|
+
'helpText',
|
|
340
|
+
'error',
|
|
341
|
+
'disabled',
|
|
342
|
+
'readonly',
|
|
343
|
+
'required',
|
|
344
|
+
'name',
|
|
345
|
+
'tsInput',
|
|
346
|
+
'tsChange'
|
|
347
|
+
], [
|
|
348
|
+
'tsInput',
|
|
349
|
+
'tsChange'
|
|
350
|
+
]);
|
|
351
|
+
export const TsPageHeader = /*@__PURE__*/ defineContainer('ts-page-header', undefined, [
|
|
352
|
+
'heading',
|
|
353
|
+
'description',
|
|
354
|
+
'backHref',
|
|
355
|
+
'tsBack'
|
|
356
|
+
], [
|
|
357
|
+
'tsBack'
|
|
358
|
+
]);
|
|
250
359
|
export const TsPagination = /*@__PURE__*/ defineContainer('ts-pagination', undefined, [
|
|
251
360
|
'total',
|
|
252
361
|
'pageSize',
|
|
253
362
|
'currentPage',
|
|
254
363
|
'siblingCount',
|
|
255
364
|
'size',
|
|
365
|
+
'showFirstLast',
|
|
366
|
+
'showInfo',
|
|
256
367
|
'tsChange'
|
|
257
368
|
], [
|
|
258
369
|
'tsChange'
|
|
@@ -275,7 +386,11 @@ export const TsProgress = /*@__PURE__*/ defineContainer('ts-progress', undefined
|
|
|
275
386
|
'size',
|
|
276
387
|
'indeterminate',
|
|
277
388
|
'label',
|
|
278
|
-
'showValue'
|
|
389
|
+
'showValue',
|
|
390
|
+
'type',
|
|
391
|
+
'striped',
|
|
392
|
+
'animated',
|
|
393
|
+
'bufferValue'
|
|
279
394
|
]);
|
|
280
395
|
export const TsRadio = /*@__PURE__*/ defineContainer('ts-radio', undefined, [
|
|
281
396
|
'checked',
|
|
@@ -288,6 +403,18 @@ export const TsRadio = /*@__PURE__*/ defineContainer('ts-radio', undefined, [
|
|
|
288
403
|
], [
|
|
289
404
|
'tsChange'
|
|
290
405
|
]);
|
|
406
|
+
export const TsRadioGroup = /*@__PURE__*/ defineContainer('ts-radio-group', undefined, [
|
|
407
|
+
'value',
|
|
408
|
+
'name',
|
|
409
|
+
'label',
|
|
410
|
+
'orientation',
|
|
411
|
+
'error',
|
|
412
|
+
'disabled',
|
|
413
|
+
'size',
|
|
414
|
+
'tsChange'
|
|
415
|
+
], [
|
|
416
|
+
'tsChange'
|
|
417
|
+
]);
|
|
291
418
|
export const TsRow = /*@__PURE__*/ defineContainer('ts-row', undefined, [
|
|
292
419
|
'gap',
|
|
293
420
|
'align',
|
|
@@ -296,6 +423,10 @@ export const TsRow = /*@__PURE__*/ defineContainer('ts-row', undefined, [
|
|
|
296
423
|
'reverse',
|
|
297
424
|
'stackAt'
|
|
298
425
|
]);
|
|
426
|
+
export const TsScrollArea = /*@__PURE__*/ defineContainer('ts-scroll-area', undefined, [
|
|
427
|
+
'orientation',
|
|
428
|
+
'maxHeight'
|
|
429
|
+
]);
|
|
299
430
|
export const TsSelect = /*@__PURE__*/ defineContainer('ts-select', undefined, [
|
|
300
431
|
'value',
|
|
301
432
|
'placeholder',
|
|
@@ -308,6 +439,8 @@ export const TsSelect = /*@__PURE__*/ defineContainer('ts-select', undefined, [
|
|
|
308
439
|
'required',
|
|
309
440
|
'name',
|
|
310
441
|
'multiple',
|
|
442
|
+
'searchable',
|
|
443
|
+
'clearable',
|
|
311
444
|
'tsChange',
|
|
312
445
|
'tsFocus',
|
|
313
446
|
'tsBlur'
|
|
@@ -316,6 +449,14 @@ export const TsSelect = /*@__PURE__*/ defineContainer('ts-select', undefined, [
|
|
|
316
449
|
'tsFocus',
|
|
317
450
|
'tsBlur'
|
|
318
451
|
]);
|
|
452
|
+
export const TsSidebar = /*@__PURE__*/ defineContainer('ts-sidebar', undefined, [
|
|
453
|
+
'collapsed',
|
|
454
|
+
'width',
|
|
455
|
+
'collapsible',
|
|
456
|
+
'tsToggle'
|
|
457
|
+
], [
|
|
458
|
+
'tsToggle'
|
|
459
|
+
]);
|
|
319
460
|
export const TsSkeleton = /*@__PURE__*/ defineContainer('ts-skeleton', undefined, [
|
|
320
461
|
'variant',
|
|
321
462
|
'width',
|
|
@@ -325,6 +466,9 @@ export const TsSkeleton = /*@__PURE__*/ defineContainer('ts-skeleton', undefined
|
|
|
325
466
|
]);
|
|
326
467
|
export const TsSlider = /*@__PURE__*/ defineContainer('ts-slider', undefined, [
|
|
327
468
|
'value',
|
|
469
|
+
'valueLow',
|
|
470
|
+
'valueHigh',
|
|
471
|
+
'range',
|
|
328
472
|
'min',
|
|
329
473
|
'max',
|
|
330
474
|
'step',
|
|
@@ -332,6 +476,8 @@ export const TsSlider = /*@__PURE__*/ defineContainer('ts-slider', undefined, [
|
|
|
332
476
|
'label',
|
|
333
477
|
'showValue',
|
|
334
478
|
'size',
|
|
479
|
+
'orientation',
|
|
480
|
+
'marks',
|
|
335
481
|
'tsInput',
|
|
336
482
|
'tsChange'
|
|
337
483
|
], [
|
|
@@ -393,15 +539,46 @@ export const TsTable = /*@__PURE__*/ defineContainer('ts-table', undefined, [
|
|
|
393
539
|
'bordered',
|
|
394
540
|
'hoverable',
|
|
395
541
|
'compact',
|
|
396
|
-
'stickyHeader'
|
|
542
|
+
'stickyHeader',
|
|
543
|
+
'sortable',
|
|
544
|
+
'sortColumn',
|
|
545
|
+
'sortDirection',
|
|
546
|
+
'selectable',
|
|
547
|
+
'selectedRows',
|
|
548
|
+
'tsSort',
|
|
549
|
+
'tsSelectionChange'
|
|
550
|
+
], [
|
|
551
|
+
'tsSort',
|
|
552
|
+
'tsSelectionChange'
|
|
397
553
|
]);
|
|
398
554
|
export const TsTabs = /*@__PURE__*/ defineContainer('ts-tabs', undefined, [
|
|
399
555
|
'value',
|
|
400
556
|
'variant',
|
|
401
557
|
'size',
|
|
402
|
-
'
|
|
558
|
+
'orientation',
|
|
559
|
+
'closable',
|
|
560
|
+
'scrollable',
|
|
561
|
+
'tsChange',
|
|
562
|
+
'tsClose'
|
|
403
563
|
], [
|
|
404
|
-
'tsChange'
|
|
564
|
+
'tsChange',
|
|
565
|
+
'tsClose'
|
|
566
|
+
]);
|
|
567
|
+
export const TsTagInput = /*@__PURE__*/ defineContainer('ts-tag-input', undefined, [
|
|
568
|
+
'value',
|
|
569
|
+
'label',
|
|
570
|
+
'placeholder',
|
|
571
|
+
'maxTags',
|
|
572
|
+
'disabled',
|
|
573
|
+
'size',
|
|
574
|
+
'error',
|
|
575
|
+
'helpText',
|
|
576
|
+
'allowDuplicates',
|
|
577
|
+
'tsChange',
|
|
578
|
+
'tsInput'
|
|
579
|
+
], [
|
|
580
|
+
'tsChange',
|
|
581
|
+
'tsInput'
|
|
405
582
|
]);
|
|
406
583
|
export const TsTextarea = /*@__PURE__*/ defineContainer('ts-textarea', undefined, [
|
|
407
584
|
'value',
|
|
@@ -418,6 +595,9 @@ export const TsTextarea = /*@__PURE__*/ defineContainer('ts-textarea', undefined
|
|
|
418
595
|
'rows',
|
|
419
596
|
'resize',
|
|
420
597
|
'maxlength',
|
|
598
|
+
'showCount',
|
|
599
|
+
'autoGrow',
|
|
600
|
+
'maxHeight',
|
|
421
601
|
'tsInput',
|
|
422
602
|
'tsChange',
|
|
423
603
|
'tsFocus',
|
|
@@ -428,12 +608,40 @@ export const TsTextarea = /*@__PURE__*/ defineContainer('ts-textarea', undefined
|
|
|
428
608
|
'tsFocus',
|
|
429
609
|
'tsBlur'
|
|
430
610
|
]);
|
|
611
|
+
export const TsTimePicker = /*@__PURE__*/ defineContainer('ts-time-picker', undefined, [
|
|
612
|
+
'value',
|
|
613
|
+
'format',
|
|
614
|
+
'step',
|
|
615
|
+
'label',
|
|
616
|
+
'helpText',
|
|
617
|
+
'error',
|
|
618
|
+
'disabled',
|
|
619
|
+
'required',
|
|
620
|
+
'size',
|
|
621
|
+
'name',
|
|
622
|
+
'showSeconds',
|
|
623
|
+
'tsChange',
|
|
624
|
+
'tsFocus',
|
|
625
|
+
'tsBlur'
|
|
626
|
+
], [
|
|
627
|
+
'tsChange',
|
|
628
|
+
'tsFocus',
|
|
629
|
+
'tsBlur'
|
|
630
|
+
]);
|
|
631
|
+
export const TsTimeline = /*@__PURE__*/ defineContainer('ts-timeline', undefined);
|
|
632
|
+
export const TsTimelineItem = /*@__PURE__*/ defineContainer('ts-timeline-item', undefined, [
|
|
633
|
+
'variant',
|
|
634
|
+
'icon',
|
|
635
|
+
'timestamp'
|
|
636
|
+
]);
|
|
431
637
|
export const TsToast = /*@__PURE__*/ defineContainer('ts-toast', undefined, [
|
|
432
638
|
'variant',
|
|
433
639
|
'duration',
|
|
434
640
|
'dismissible',
|
|
435
641
|
'open',
|
|
436
642
|
'position',
|
|
643
|
+
'pauseOnHover',
|
|
644
|
+
'showProgress',
|
|
437
645
|
'tsClose'
|
|
438
646
|
], [
|
|
439
647
|
'tsClose'
|
|
@@ -460,13 +668,15 @@ export const TsTooltip = /*@__PURE__*/ defineContainer('ts-tooltip', undefined,
|
|
|
460
668
|
'disabled'
|
|
461
669
|
]);
|
|
462
670
|
export const TsTree = /*@__PURE__*/ defineContainer('ts-tree', undefined, [
|
|
463
|
-
'selectable'
|
|
671
|
+
'selectable',
|
|
672
|
+
'multiSelect'
|
|
464
673
|
]);
|
|
465
674
|
export const TsTreeItem = /*@__PURE__*/ defineContainer('ts-tree-item', undefined, [
|
|
466
675
|
'label',
|
|
467
676
|
'expanded',
|
|
468
677
|
'selected',
|
|
469
678
|
'disabled',
|
|
679
|
+
'checkbox',
|
|
470
680
|
'icon',
|
|
471
681
|
'tsToggle',
|
|
472
682
|
'tsSelect'
|
|
@@ -474,3 +684,6 @@ export const TsTreeItem = /*@__PURE__*/ defineContainer('ts-tree-item', undefine
|
|
|
474
684
|
'tsToggle',
|
|
475
685
|
'tsSelect'
|
|
476
686
|
]);
|
|
687
|
+
export const TsVisuallyHidden = /*@__PURE__*/ defineContainer('ts-visually-hidden', undefined, [
|
|
688
|
+
'focusable'
|
|
689
|
+
]);
|
package/package.json
CHANGED
|
@@ -1,16 +1,31 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tessera-ui/vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "Vue wrappers for Tessera UI web components",
|
|
5
|
-
"main": "dist/index.
|
|
5
|
+
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"import": "./dist/index.js",
|
|
11
|
+
"require": "./dist/cjs/index.js",
|
|
12
|
+
"types": "./dist/index.d.ts"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"sideEffects": [
|
|
16
|
+
"**/*.css",
|
|
17
|
+
"./dist/index.js",
|
|
18
|
+
"./dist/cjs/index.js"
|
|
19
|
+
],
|
|
8
20
|
"files": [
|
|
9
|
-
"dist/"
|
|
21
|
+
"dist/",
|
|
22
|
+
"README.md"
|
|
10
23
|
],
|
|
24
|
+
"dependencies": {
|
|
25
|
+
"@tessera-ui/core": "^0.6.0"
|
|
26
|
+
},
|
|
11
27
|
"peerDependencies": {
|
|
12
|
-
"vue": ">=3.3.0"
|
|
13
|
-
"@tessera-ui/core": "0.4.1"
|
|
28
|
+
"vue": ">=3.3.0"
|
|
14
29
|
},
|
|
15
30
|
"devDependencies": {
|
|
16
31
|
"typescript": "^5.6.0",
|
|
@@ -23,6 +38,6 @@
|
|
|
23
38
|
},
|
|
24
39
|
"license": "MIT",
|
|
25
40
|
"scripts": {
|
|
26
|
-
"build": "tsc -p tsconfig.json"
|
|
41
|
+
"build": "tsc -p tsconfig.json && tsc -p tsconfig.cjs.json"
|
|
27
42
|
}
|
|
28
43
|
}
|