@sellmate/design-system-vue 1.0.22 → 1.0.24

package/dist/components.d.ts

@@ -2,11 +2,13 @@ import { type StencilVueComponent } from '@stencil/vue-output-target/runtime';
 import type { JSX } from '@sellmate/design-system';
 export declare const SdBadge: StencilVueComponent<JSX.SdBadge>;
 export declare const SdButton: StencilVueComponent<JSX.SdButton>;
+export declare const SdButtonV2: StencilVueComponent<JSX.SdButtonV2>;
 export declare const SdCard: StencilVueComponent<JSX.SdCard>;
 export declare const SdCheckbox: StencilVueComponent<JSX.SdCheckbox, JSX.SdCheckbox["value"]>;
 export declare const SdDateBox: StencilVueComponent<JSX.SdDateBox>;
 export declare const SdDatePicker: StencilVueComponent<JSX.SdDatePicker, JSX.SdDatePicker["value"]>;
 export declare const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.SdDateRangePicker["value"]>;
+export declare const SdDropdownButton: StencilVueComponent<JSX.SdDropdownButton>;
 export declare const SdField: StencilVueComponent<JSX.SdField>;
 export declare const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicker["value"]>;
 export declare const SdFloatingPortal: StencilVueComponent<JSX.SdFloatingPortal>;

package/dist/components.js

@@ -24,6 +24,17 @@ export const SdButton = /*@__PURE__*/ defineContainer('sd-button', undefined, [
 ], [
     'sdClick'
 ]);
+export const SdButtonV2 = /*@__PURE__*/ defineContainer('sd-button-v2', undefined, [
+    'name',
+    'label',
+    'icon',
+    'ariaLabel',
+    'disabled',
+    'type',
+    'sdClick'
+], [
+    'sdClick'
+]);
 export const SdCard = /*@__PURE__*/ defineContainer('sd-card', undefined, [
     'bordered',
     'sdClass'
@@ -73,6 +84,17 @@ export const SdDateRangePicker = /*@__PURE__*/ defineContainer('sd-date-range-pi
 ], [
     'sdUpdate'
 ], 'value', 'sdUpdate', undefined);
+export const SdDropdownButton = /*@__PURE__*/ defineContainer('sd-dropdown-button', undefined, [
+    'name',
+    'label',
+    'items',
+    'disabled',
+    'sdClick',
+    'sdDropDownShow'
+], [
+    'sdClick',
+    'sdDropDownShow'
+]);
 export const SdField = /*@__PURE__*/ defineContainer('sd-field', undefined, [
     'name',
     'rules',
@@ -427,12 +449,10 @@ export const SdTabs = /*@__PURE__*/ defineContainer('sd-tabs', undefined, [
     'sdUpdate'
 ], 'value', 'sdUpdate', undefined);
 export const SdTag = /*@__PURE__*/ defineContainer('sd-tag', undefined, [
-    'size',
-    'color',
-    'rounded',
+    'name',
     'label',
-    'bgColor',
-    'textColor'
+    'icon',
+    'isLeft'
 ]);
 export const SdTextarea = /*@__PURE__*/ defineContainer('sd-textarea', undefined, [
     'value',

package/dist/index.d.ts

@@ -2,4 +2,4 @@ import '@sellmate/design-system/styles.css';
 export * from './components';
 export * from './plugin';
 export { default as SdTable } from './SdTable';
-export type { SdTableSortDir, SdTableColumn, Row as SdTableRow, SelectOption, SelectOptionGroup, SelectEvents, SelectMultipleEvents, SelectStyleProps, RadioValue, RadioOption, ButtonVariant, ButtonSize, Rule, ValidatableField, SdModalCardButtonProps, SdTooltipProps, TagColor, TagSize, ToastType, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';
+export type { SdTableSortDir, SdTableColumn, Row as SdTableRow, SelectOption, SelectOptionGroup, SelectEvents, SelectMultipleEvents, SelectStyleProps, RadioValue, RadioOption, ButtonVariant, ButtonSize, ButtonV2Name, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdModalCardButtonProps, SdTooltipProps, TagName, ToastType, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';

package/lib/components.ts

@@ -34,6 +34,19 @@ export const SdButton: StencilVueComponent<JSX.SdButton> = /*@__PURE__*/ defineC
 ]);
 
 
+export const SdButtonV2: StencilVueComponent<JSX.SdButtonV2> = /*@__PURE__*/ defineContainer<JSX.SdButtonV2>('sd-button-v2', undefined, [
+  'name',
+  'label',
+  'icon',
+  'ariaLabel',
+  'disabled',
+  'type',
+  'sdClick'
+], [
+  'sdClick'
+]);
+
+
 export const SdCard: StencilVueComponent<JSX.SdCard> = /*@__PURE__*/ defineContainer<JSX.SdCard>('sd-card', undefined, [
   'bordered',
   'sdClass'
@@ -96,6 +109,19 @@ export const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.S
 'value', 'sdUpdate', undefined);
 
 
+export const SdDropdownButton: StencilVueComponent<JSX.SdDropdownButton> = /*@__PURE__*/ defineContainer<JSX.SdDropdownButton>('sd-dropdown-button', undefined, [
+  'name',
+  'label',
+  'items',
+  'disabled',
+  'sdClick',
+  'sdDropDownShow'
+], [
+  'sdClick',
+  'sdDropDownShow'
+]);
+
+
 export const SdField: StencilVueComponent<JSX.SdField> = /*@__PURE__*/ defineContainer<JSX.SdField>('sd-field', undefined, [
   'name',
   'rules',
@@ -511,12 +537,10 @@ export const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]> = /*@_
 
 
 export const SdTag: StencilVueComponent<JSX.SdTag> = /*@__PURE__*/ defineContainer<JSX.SdTag>('sd-tag', undefined, [
-  'size',
-  'color',
-  'rounded',
+  'name',
   'label',
-  'bgColor',
-  'textColor'
+  'icon',
+  'isLeft'
 ]);
 
 

package/lib/index.ts

@@ -22,6 +22,11 @@ export type {
  // Button types
  ButtonVariant,
  ButtonSize,
+ ButtonV2Name,
+ DropdownButtonItem,
+ DropdownButtonName,
+ DropdownButtonSize,
+ DropdownButtonValue,
  // Form types
  Rule,
  ValidatableField,
@@ -30,8 +35,7 @@ export type {
  // Tooltip types
  SdTooltipProps,
  // Tag types
- TagColor,
- TagSize,
+ TagName,
  // Toast types
  ToastType,
  // Checkbox types

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system-vue",
- "version": "1.0.22",
+ "version": "1.0.24",
  "description": "Design System - Vue Component Wrappers",
  "keywords": [
   "vue",
@@ -45,7 +45,7 @@
   "vue": "^3.4.38"
  },
  "dependencies": {
-  "@sellmate/design-system": "^1.0.21",
+  "@sellmate/design-system": "^1.0.23",
   "@stencil/vue-output-target": "^0.11.8"
  },
  "peerDependencies": {