@sellmate/design-system-vue 1.0.34 → 1.0.35

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/components.d.ts +5 -0
  2. package/dist/components.js +70 -6
  3. package/lib/components.ts +80 -6
  4. package/package.json +2 -2
package/dist/components.d.ts CHANGED
@@ -35,6 +35,11 @@ export declare const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMult
35
35
  export declare const SdSelectOption: StencilVueComponent<JSX.SdSelectOption>;
36
36
  export declare const SdSelectOptionGroup: StencilVueComponent<JSX.SdSelectOptionGroup>;
37
37
  export declare const SdSelectSearchInput: StencilVueComponent<JSX.SdSelectSearchInput>;
38
+ export declare const SdSelectV2: StencilVueComponent<JSX.SdSelectV2>;
39
+ export declare const SdSelectV2ListItem: StencilVueComponent<JSX.SdSelectV2ListItem>;
40
+ export declare const SdSelectV2ListItemSearch: StencilVueComponent<JSX.SdSelectV2ListItemSearch>;
41
+ export declare const SdSelectV2Listbox: StencilVueComponent<JSX.SdSelectV2Listbox>;
42
+ export declare const SdSelectV2Trigger: StencilVueComponent<JSX.SdSelectV2Trigger>;
38
43
  export declare const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]>;
39
44
  export declare const SdTag: StencilVueComponent<JSX.SdTag>;
40
45
  export declare const SdTextarea: StencilVueComponent<JSX.SdTextarea, JSX.SdTextarea["value"]>;
package/dist/components.js CHANGED
@@ -119,7 +119,7 @@ export const SdField = /*@__PURE__*/ defineContainer('sd-field', undefined, [
119
119
  'status',
120
120
  'label',
121
121
  'insideLabel',
122
- 'useLabelRequired',
122
+ 'icon',
123
123
  'labelTooltip',
124
124
  'labelTooltipProps'
125
125
  ]);
@@ -187,7 +187,7 @@ export const SdInput = /*@__PURE__*/ defineContainer('sd-input', undefined, [
187
187
  'focused',
188
188
  'hovered',
189
189
  'label',
190
- 'useLabelRequired',
190
+ 'icon',
191
191
  'labelTooltip',
192
192
  'labelTooltipProps',
193
193
  'inputStyle',
@@ -274,6 +274,7 @@ export const SdPortal = /*@__PURE__*/ defineContainer('sd-portal', undefined, [
274
274
  'to',
275
275
  'parentRef',
276
276
  'offset',
277
+ 'viewportPadding',
277
278
  'zIndex',
278
279
  'open',
279
280
  'sdClose'
@@ -330,7 +331,7 @@ export const SdSelect = /*@__PURE__*/ defineContainer('sd-select', undefined, [
330
331
  'searchable',
331
332
  'label',
332
333
  'insideLabel',
333
- 'useLabelRequired',
334
+ 'icon',
334
335
  'labelTooltip',
335
336
  'labelTooltipProps',
336
337
  'rules',
@@ -373,7 +374,7 @@ export const SdSelectGroup = /*@__PURE__*/ defineContainer('sd-select-group', un
373
374
  'searchable',
374
375
  'label',
375
376
  'insideLabel',
376
- 'useLabelRequired',
377
+ 'icon',
377
378
  'labelTooltip',
378
379
  'labelTooltipProps',
379
380
  'rules',
@@ -404,7 +405,7 @@ export const SdSelectMultiple = /*@__PURE__*/ defineContainer('sd-select-multipl
404
405
  'useAll',
405
406
  'useCheckbox',
406
407
  'label',
407
- 'useLabelRequired',
408
+ 'icon',
408
409
  'labelTooltip',
409
410
  'labelTooltipProps',
410
411
  'rules',
@@ -431,7 +432,7 @@ export const SdSelectMultipleGroup = /*@__PURE__*/ defineContainer('sd-select-mu
431
432
  'allCheckedLabel',
432
433
  'allCheckOptionLabel',
433
434
  'label',
434
- 'useLabelRequired',
435
+ 'icon',
435
436
  'labelTooltip',
436
437
  'labelTooltipProps',
437
438
  'rules',
@@ -483,6 +484,69 @@ export const SdSelectSearchInput = /*@__PURE__*/ defineContainer('sd-select-sear
483
484
  'sdSearchInput',
484
485
  'sdSearchFocus'
485
486
  ]);
487
+ export const SdSelectV2 = /*@__PURE__*/ defineContainer('sd-select-v2', undefined, [
488
+ 'name',
489
+ 'value',
490
+ 'options',
491
+ 'placeholder',
492
+ 'width',
493
+ 'maxDropdownWidth',
494
+ 'dropdownHeight',
495
+ 'disabled',
496
+ 'label',
497
+ 'addonLabel',
498
+ 'error',
499
+ 'fieldName',
500
+ 'rules',
501
+ 'icon',
502
+ 'labelTooltip',
503
+ 'labelTooltipProps',
504
+ 'sdUpdate',
505
+ 'sdDropDownShow'
506
+ ], [
507
+ 'sdUpdate',
508
+ 'sdDropDownShow'
509
+ ]);
510
+ export const SdSelectV2ListItem = /*@__PURE__*/ defineContainer('sd-select-v2-list-item', undefined, [
511
+ 'option',
512
+ 'depth',
513
+ 'isSelected',
514
+ 'isFocused',
515
+ 'useCheckbox',
516
+ 'countInfo',
517
+ 'sdListItemClick'
518
+ ], [
519
+ 'sdListItemClick'
520
+ ]);
521
+ export const SdSelectV2ListItemSearch = /*@__PURE__*/ defineContainer('sd-select-v2-list-item-search', undefined, [
522
+ 'isScrolled',
523
+ 'sdSearchFilter',
524
+ 'sdSearchFocus'
525
+ ], [
526
+ 'sdSearchFilter',
527
+ 'sdSearchFocus'
528
+ ]);
529
+ export const SdSelectV2Listbox = /*@__PURE__*/ defineContainer('sd-select-v2-listbox', undefined, [
530
+ 'name',
531
+ 'options',
532
+ 'value',
533
+ 'triggerWidth',
534
+ 'maxWidth',
535
+ 'maxHeight',
536
+ 'sdOptionSelect'
537
+ ], [
538
+ 'sdOptionSelect'
539
+ ]);
540
+ export const SdSelectV2Trigger = /*@__PURE__*/ defineContainer('sd-select-v2-trigger', undefined, [
541
+ 'displayText',
542
+ 'placeholder',
543
+ 'disabled',
544
+ 'isOpen',
545
+ 'addonLabel',
546
+ 'sdTriggerClick'
547
+ ], [
548
+ 'sdTriggerClick'
549
+ ]);
486
550
  export const SdTabs = /*@__PURE__*/ defineContainer('sd-tabs', undefined, [
487
551
  'value',
488
552
  'tabs',
package/lib/components.ts CHANGED
@@ -148,7 +148,7 @@ export const SdField: StencilVueComponent<JSX.SdField> = /*@__PURE__*/ defineCon
148
148
  'status',
149
149
  'label',
150
150
  'insideLabel',
151
- 'useLabelRequired',
151
+ 'icon',
152
152
  'labelTooltip',
153
153
  'labelTooltipProps'
154
154
  ]);
@@ -229,7 +229,7 @@ export const SdInput: StencilVueComponent<JSX.SdInput, JSX.SdInput["value"]> = /
229
229
  'focused',
230
230
  'hovered',
231
231
  'label',
232
- 'useLabelRequired',
232
+ 'icon',
233
233
  'labelTooltip',
234
234
  'labelTooltipProps',
235
235
  'inputStyle',
@@ -331,6 +331,7 @@ export const SdPortal: StencilVueComponent<JSX.SdPortal> = /*@__PURE__*/ defineC
331
331
  'to',
332
332
  'parentRef',
333
333
  'offset',
334
+ 'viewportPadding',
334
335
  'zIndex',
335
336
  'open',
336
337
  'sdClose'
@@ -400,7 +401,7 @@ export const SdSelect: StencilVueComponent<JSX.SdSelect, JSX.SdSelect["value"]>
400
401
  'searchable',
401
402
  'label',
402
403
  'insideLabel',
403
- 'useLabelRequired',
404
+ 'icon',
404
405
  'labelTooltip',
405
406
  'labelTooltipProps',
406
407
  'rules',
@@ -448,7 +449,7 @@ export const SdSelectGroup: StencilVueComponent<JSX.SdSelectGroup> = /*@__PURE__
448
449
  'searchable',
449
450
  'label',
450
451
  'insideLabel',
451
- 'useLabelRequired',
452
+ 'icon',
452
453
  'labelTooltip',
453
454
  'labelTooltipProps',
454
455
  'rules',
@@ -481,7 +482,7 @@ export const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple, JSX.SdS
481
482
  'useAll',
482
483
  'useCheckbox',
483
484
  'label',
484
- 'useLabelRequired',
485
+ 'icon',
485
486
  'labelTooltip',
486
487
  'labelTooltipProps',
487
488
  'rules',
@@ -511,7 +512,7 @@ export const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGrou
511
512
  'allCheckedLabel',
512
513
  'allCheckOptionLabel',
513
514
  'label',
514
- 'useLabelRequired',
515
+ 'icon',
515
516
  'labelTooltip',
516
517
  'labelTooltipProps',
517
518
  'rules',
@@ -572,6 +573,79 @@ export const SdSelectSearchInput: StencilVueComponent<JSX.SdSelectSearchInput> =
572
573
  ]);
573
574
 
574
575
 
576
+ export const SdSelectV2: StencilVueComponent<JSX.SdSelectV2> = /*@__PURE__*/ defineContainer<JSX.SdSelectV2>('sd-select-v2', undefined, [
577
+ 'name',
578
+ 'value',
579
+ 'options',
580
+ 'placeholder',
581
+ 'width',
582
+ 'maxDropdownWidth',
583
+ 'dropdownHeight',
584
+ 'disabled',
585
+ 'label',
586
+ 'addonLabel',
587
+ 'error',
588
+ 'fieldName',
589
+ 'rules',
590
+ 'icon',
591
+ 'labelTooltip',
592
+ 'labelTooltipProps',
593
+ 'sdUpdate',
594
+ 'sdDropDownShow'
595
+ ], [
596
+ 'sdUpdate',
597
+ 'sdDropDownShow'
598
+ ]);
599
+
600
+
601
+ export const SdSelectV2ListItem: StencilVueComponent<JSX.SdSelectV2ListItem> = /*@__PURE__*/ defineContainer<JSX.SdSelectV2ListItem>('sd-select-v2-list-item', undefined, [
602
+ 'option',
603
+ 'depth',
604
+ 'isSelected',
605
+ 'isFocused',
606
+ 'useCheckbox',
607
+ 'countInfo',
608
+ 'sdListItemClick'
609
+ ], [
610
+ 'sdListItemClick'
611
+ ]);
612
+
613
+
614
+ export const SdSelectV2ListItemSearch: StencilVueComponent<JSX.SdSelectV2ListItemSearch> = /*@__PURE__*/ defineContainer<JSX.SdSelectV2ListItemSearch>('sd-select-v2-list-item-search', undefined, [
615
+ 'isScrolled',
616
+ 'sdSearchFilter',
617
+ 'sdSearchFocus'
618
+ ], [
619
+ 'sdSearchFilter',
620
+ 'sdSearchFocus'
621
+ ]);
622
+
623
+
624
+ export const SdSelectV2Listbox: StencilVueComponent<JSX.SdSelectV2Listbox> = /*@__PURE__*/ defineContainer<JSX.SdSelectV2Listbox>('sd-select-v2-listbox', undefined, [
625
+ 'name',
626
+ 'options',
627
+ 'value',
628
+ 'triggerWidth',
629
+ 'maxWidth',
630
+ 'maxHeight',
631
+ 'sdOptionSelect'
632
+ ], [
633
+ 'sdOptionSelect'
634
+ ]);
635
+
636
+
637
+ export const SdSelectV2Trigger: StencilVueComponent<JSX.SdSelectV2Trigger> = /*@__PURE__*/ defineContainer<JSX.SdSelectV2Trigger>('sd-select-v2-trigger', undefined, [
638
+ 'displayText',
639
+ 'placeholder',
640
+ 'disabled',
641
+ 'isOpen',
642
+ 'addonLabel',
643
+ 'sdTriggerClick'
644
+ ], [
645
+ 'sdTriggerClick'
646
+ ]);
647
+
648
+
575
649
  export const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTabs, JSX.SdTabs["value"]>('sd-tabs', undefined, [
576
650
  'value',
577
651
  'tabs',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-vue",
3
- "version": "1.0.34",
3
+ "version": "1.0.35",
4
4
  "description": "Design System - Vue Component Wrappers",
5
5
  "keywords": [
6
6
  "vue",
@@ -45,7 +45,7 @@
45
45
  "vue": "^3.4.38"
46
46
  },
47
47
  "dependencies": {
48
- "@sellmate/design-system": "^1.0.34",
48
+ "@sellmate/design-system": "^1.0.35",
49
49
  "@stencil/vue-output-target": "^0.11.8"
50
50
  },
51
51
  "peerDependencies": {