@tessera-ui/vue 0.5.0 → 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.
Files changed (4) hide show
  1. package/dist/cjs/components.js +226 -13
  2. package/dist/components.d.ts +19 -0
  3. package/dist/components.js +224 -11
  4. package/package.json +2 -2
package/dist/cjs/components.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TsTooltip = exports.TsToolbar = exports.TsToggle = exports.TsToast = exports.TsTextarea = exports.TsTabs = exports.TsTable = exports.TsTabPanel = exports.TsSwitchOption = exports.TsSwitchGroup = exports.TsStepper = exports.TsStep = exports.TsStack = exports.TsSpinner = exports.TsSpacer = exports.TsSlider = exports.TsSkeleton = exports.TsSelect = exports.TsRow = exports.TsRadio = exports.TsProgress = exports.TsPopover = exports.TsPagination = exports.TsNavItem = exports.TsNav = exports.TsModal = exports.TsMenuItem = exports.TsMenu = exports.TsInput = exports.TsIcon = exports.TsGrid = exports.TsFileUpload = exports.TsEmptyState = exports.TsDrawer = exports.TsDivider = exports.TsDialog = exports.TsDatePicker = exports.TsContainer = exports.TsChip = exports.TsCheckbox = exports.TsCard = exports.TsButton = exports.TsBreadcrumbItem = exports.TsBreadcrumb = exports.TsBanner = exports.TsBadge = exports.TsAvatar = exports.TsAlert = exports.TsAccordionItem = exports.TsAccordion = void 0;
4
- exports.TsTreeItem = exports.TsTree = void 0;
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
5
  /* eslint-disable */
6
6
  /* tslint:disable */
7
7
  /* auto-generated vue proxies */
@@ -24,14 +24,22 @@ exports.TsAlert = (0, runtime_1.defineContainer)('ts-alert', undefined, [
24
24
  ], [
25
25
  'tsClose'
26
26
  ]);
27
+ exports.TsAppLayout = (0, runtime_1.defineContainer)('ts-app-layout', undefined, [
28
+ 'sidebarPlacement'
29
+ ]);
27
30
  exports.TsAvatar = (0, runtime_1.defineContainer)('ts-avatar', undefined, [
28
31
  'src',
29
32
  'alt',
30
33
  'name',
31
34
  'size',
32
35
  'variant',
36
+ 'status',
33
37
  'color'
34
38
  ]);
39
+ exports.TsAvatarGroup = (0, runtime_1.defineContainer)('ts-avatar-group', undefined, [
40
+ 'max',
41
+ 'size'
42
+ ]);
35
43
  exports.TsBadge = (0, runtime_1.defineContainer)('ts-badge', undefined, [
36
44
  'variant',
37
45
  'size',
@@ -49,7 +57,8 @@ exports.TsBanner = (0, runtime_1.defineContainer)('ts-banner', undefined, [
49
57
  'tsClose'
50
58
  ]);
51
59
  exports.TsBreadcrumb = (0, runtime_1.defineContainer)('ts-breadcrumb', undefined, [
52
- 'separator'
60
+ 'separator',
61
+ 'maxItems'
53
62
  ]);
54
63
  exports.TsBreadcrumbItem = (0, runtime_1.defineContainer)('ts-breadcrumb-item', undefined, [
55
64
  'href',
@@ -93,6 +102,17 @@ exports.TsCheckbox = (0, runtime_1.defineContainer)('ts-checkbox', undefined, [
93
102
  ], [
94
103
  'tsChange'
95
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
+ ]);
96
116
  exports.TsChip = (0, runtime_1.defineContainer)('ts-chip', undefined, [
97
117
  'variant',
98
118
  'size',
@@ -106,6 +126,37 @@ exports.TsChip = (0, runtime_1.defineContainer)('ts-chip', undefined, [
106
126
  'tsRemove',
107
127
  'tsClick'
108
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
+ ]);
109
160
  exports.TsContainer = (0, runtime_1.defineContainer)('ts-container', undefined, [
110
161
  'size',
111
162
  'padding'
@@ -121,6 +172,10 @@ exports.TsDatePicker = (0, runtime_1.defineContainer)('ts-date-picker', undefine
121
172
  'errorMessage',
122
173
  'size',
123
174
  'name',
175
+ 'locale',
176
+ 'firstDayOfWeek',
177
+ 'range',
178
+ 'valueEnd',
124
179
  'tsChange'
125
180
  ], [
126
181
  'tsChange'
@@ -130,9 +185,14 @@ exports.TsDialog = (0, runtime_1.defineContainer)('ts-dialog', undefined, [
130
185
  'heading',
131
186
  'size',
132
187
  'dismissible',
133
- 'tsClose'
188
+ 'preventClose',
189
+ 'tsClose',
190
+ 'tsOpen',
191
+ 'tsRequestClose'
134
192
  ], [
135
- 'tsClose'
193
+ 'tsClose',
194
+ 'tsOpen',
195
+ 'tsRequestClose'
136
196
  ]);
137
197
  exports.TsDivider = (0, runtime_1.defineContainer)('ts-divider', undefined, [
138
198
  'orientation',
@@ -159,12 +219,22 @@ exports.TsFileUpload = (0, runtime_1.defineContainer)('ts-file-upload', undefine
159
219
  'accept',
160
220
  'multiple',
161
221
  'maxSize',
222
+ 'maxFiles',
223
+ 'showFileList',
162
224
  'disabled',
163
225
  'label',
164
226
  'name',
165
- 'tsChange'
227
+ 'tsChange',
228
+ 'tsRemove'
166
229
  ], [
167
- 'tsChange'
230
+ 'tsChange',
231
+ 'tsRemove'
232
+ ]);
233
+ exports.TsForm = (0, runtime_1.defineContainer)('ts-form', undefined, [
234
+ 'novalidate',
235
+ 'tsSubmit'
236
+ ], [
237
+ 'tsSubmit'
168
238
  ]);
169
239
  exports.TsGrid = (0, runtime_1.defineContainer)('ts-grid', undefined, [
170
240
  'columns',
@@ -193,6 +263,8 @@ exports.TsInput = (0, runtime_1.defineContainer)('ts-input', undefined, [
193
263
  'maxlength',
194
264
  'minlength',
195
265
  'pattern',
266
+ 'clearable',
267
+ 'showCount',
196
268
  'autocomplete',
197
269
  'name',
198
270
  'tsInput',
@@ -217,10 +289,14 @@ exports.TsMenu = (0, runtime_1.defineContainer)('ts-menu', undefined, [
217
289
  'tsOpen',
218
290
  'tsClose'
219
291
  ]);
292
+ exports.TsMenuDivider = (0, runtime_1.defineContainer)('ts-menu-divider', undefined);
220
293
  exports.TsMenuItem = (0, runtime_1.defineContainer)('ts-menu-item', undefined, [
221
294
  'disabled',
222
295
  'value',
223
296
  'href',
297
+ 'type',
298
+ 'checked',
299
+ 'variant',
224
300
  'tsSelect'
225
301
  ], [
226
302
  'tsSelect'
@@ -240,23 +316,58 @@ exports.TsModal = (0, runtime_1.defineContainer)('ts-modal', undefined, [
240
316
  ]);
241
317
  exports.TsNav = (0, runtime_1.defineContainer)('ts-nav', undefined, [
242
318
  'variant',
243
- 'collapsed'
319
+ 'collapsed',
320
+ 'label'
244
321
  ]);
322
+ exports.TsNavDivider = (0, runtime_1.defineContainer)('ts-nav-divider', undefined);
245
323
  exports.TsNavItem = (0, runtime_1.defineContainer)('ts-nav-item', undefined, [
246
324
  'href',
247
325
  'active',
248
326
  'disabled',
249
327
  'icon',
328
+ 'expandable',
329
+ 'expanded',
330
+ 'badge',
250
331
  'tsSelect'
251
332
  ], [
252
333
  'tsSelect'
253
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
+ ]);
254
363
  exports.TsPagination = (0, runtime_1.defineContainer)('ts-pagination', undefined, [
255
364
  'total',
256
365
  'pageSize',
257
366
  'currentPage',
258
367
  'siblingCount',
259
368
  'size',
369
+ 'showFirstLast',
370
+ 'showInfo',
260
371
  'tsChange'
261
372
  ], [
262
373
  'tsChange'
@@ -279,7 +390,11 @@ exports.TsProgress = (0, runtime_1.defineContainer)('ts-progress', undefined, [
279
390
  'size',
280
391
  'indeterminate',
281
392
  'label',
282
- 'showValue'
393
+ 'showValue',
394
+ 'type',
395
+ 'striped',
396
+ 'animated',
397
+ 'bufferValue'
283
398
  ]);
284
399
  exports.TsRadio = (0, runtime_1.defineContainer)('ts-radio', undefined, [
285
400
  'checked',
@@ -292,6 +407,18 @@ exports.TsRadio = (0, runtime_1.defineContainer)('ts-radio', undefined, [
292
407
  ], [
293
408
  'tsChange'
294
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
+ ]);
295
422
  exports.TsRow = (0, runtime_1.defineContainer)('ts-row', undefined, [
296
423
  'gap',
297
424
  'align',
@@ -300,6 +427,10 @@ exports.TsRow = (0, runtime_1.defineContainer)('ts-row', undefined, [
300
427
  'reverse',
301
428
  'stackAt'
302
429
  ]);
430
+ exports.TsScrollArea = (0, runtime_1.defineContainer)('ts-scroll-area', undefined, [
431
+ 'orientation',
432
+ 'maxHeight'
433
+ ]);
303
434
  exports.TsSelect = (0, runtime_1.defineContainer)('ts-select', undefined, [
304
435
  'value',
305
436
  'placeholder',
@@ -312,6 +443,8 @@ exports.TsSelect = (0, runtime_1.defineContainer)('ts-select', undefined, [
312
443
  'required',
313
444
  'name',
314
445
  'multiple',
446
+ 'searchable',
447
+ 'clearable',
315
448
  'tsChange',
316
449
  'tsFocus',
317
450
  'tsBlur'
@@ -320,6 +453,14 @@ exports.TsSelect = (0, runtime_1.defineContainer)('ts-select', undefined, [
320
453
  'tsFocus',
321
454
  'tsBlur'
322
455
  ]);
456
+ exports.TsSidebar = (0, runtime_1.defineContainer)('ts-sidebar', undefined, [
457
+ 'collapsed',
458
+ 'width',
459
+ 'collapsible',
460
+ 'tsToggle'
461
+ ], [
462
+ 'tsToggle'
463
+ ]);
323
464
  exports.TsSkeleton = (0, runtime_1.defineContainer)('ts-skeleton', undefined, [
324
465
  'variant',
325
466
  'width',
@@ -329,6 +470,9 @@ exports.TsSkeleton = (0, runtime_1.defineContainer)('ts-skeleton', undefined, [
329
470
  ]);
330
471
  exports.TsSlider = (0, runtime_1.defineContainer)('ts-slider', undefined, [
331
472
  'value',
473
+ 'valueLow',
474
+ 'valueHigh',
475
+ 'range',
332
476
  'min',
333
477
  'max',
334
478
  'step',
@@ -336,6 +480,8 @@ exports.TsSlider = (0, runtime_1.defineContainer)('ts-slider', undefined, [
336
480
  'label',
337
481
  'showValue',
338
482
  'size',
483
+ 'orientation',
484
+ 'marks',
339
485
  'tsInput',
340
486
  'tsChange'
341
487
  ], [
@@ -397,15 +543,46 @@ exports.TsTable = (0, runtime_1.defineContainer)('ts-table', undefined, [
397
543
  'bordered',
398
544
  'hoverable',
399
545
  'compact',
400
- 'stickyHeader'
546
+ 'stickyHeader',
547
+ 'sortable',
548
+ 'sortColumn',
549
+ 'sortDirection',
550
+ 'selectable',
551
+ 'selectedRows',
552
+ 'tsSort',
553
+ 'tsSelectionChange'
554
+ ], [
555
+ 'tsSort',
556
+ 'tsSelectionChange'
401
557
  ]);
402
558
  exports.TsTabs = (0, runtime_1.defineContainer)('ts-tabs', undefined, [
403
559
  'value',
404
560
  'variant',
405
561
  'size',
406
- 'tsChange'
562
+ 'orientation',
563
+ 'closable',
564
+ 'scrollable',
565
+ 'tsChange',
566
+ 'tsClose'
407
567
  ], [
408
- 'tsChange'
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'
409
586
  ]);
410
587
  exports.TsTextarea = (0, runtime_1.defineContainer)('ts-textarea', undefined, [
411
588
  'value',
@@ -422,6 +599,9 @@ exports.TsTextarea = (0, runtime_1.defineContainer)('ts-textarea', undefined, [
422
599
  'rows',
423
600
  'resize',
424
601
  'maxlength',
602
+ 'showCount',
603
+ 'autoGrow',
604
+ 'maxHeight',
425
605
  'tsInput',
426
606
  'tsChange',
427
607
  'tsFocus',
@@ -432,12 +612,40 @@ exports.TsTextarea = (0, runtime_1.defineContainer)('ts-textarea', undefined, [
432
612
  'tsFocus',
433
613
  'tsBlur'
434
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
+ ]);
435
641
  exports.TsToast = (0, runtime_1.defineContainer)('ts-toast', undefined, [
436
642
  'variant',
437
643
  'duration',
438
644
  'dismissible',
439
645
  'open',
440
646
  'position',
647
+ 'pauseOnHover',
648
+ 'showProgress',
441
649
  'tsClose'
442
650
  ], [
443
651
  'tsClose'
@@ -464,13 +672,15 @@ exports.TsTooltip = (0, runtime_1.defineContainer)('ts-tooltip', undefined, [
464
672
  'disabled'
465
673
  ]);
466
674
  exports.TsTree = (0, runtime_1.defineContainer)('ts-tree', undefined, [
467
- 'selectable'
675
+ 'selectable',
676
+ 'multiSelect'
468
677
  ]);
469
678
  exports.TsTreeItem = (0, runtime_1.defineContainer)('ts-tree-item', undefined, [
470
679
  'label',
471
680
  'expanded',
472
681
  'selected',
473
682
  'disabled',
683
+ 'checkbox',
474
684
  'icon',
475
685
  'tsToggle',
476
686
  'tsSelect'
@@ -478,3 +688,6 @@ exports.TsTreeItem = (0, runtime_1.defineContainer)('ts-tree-item', undefined, [
478
688
  'tsToggle',
479
689
  'tsSelect'
480
690
  ]);
691
+ exports.TsVisuallyHidden = (0, runtime_1.defineContainer)('ts-visually-hidden', undefined, [
692
+ 'focusable'
693
+ ]);
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
- 'tsClose'
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
- 'tsChange'
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@tessera-ui/vue",
3
- "version": "0.5.0",
3
+ "version": "0.6.0",
4
4
  "description": "Vue wrappers for Tessera UI web components",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/index.js",
@@ -22,7 +22,7 @@
22
22
  "README.md"
23
23
  ],
24
24
  "dependencies": {
25
- "@tessera-ui/core": "^0.5.0"
25
+ "@tessera-ui/core": "^0.6.0"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "vue": ">=3.3.0"