@sellmate/design-system-vue 0.0.0 → 0.0.1

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 (10) hide show
  1. package/README.md +72 -5
  2. package/dist/components.d.ts.map +1 -0
  3. package/dist/components.js +2 -0
  4. package/dist/components.js.map +1 -0
  5. package/dist/index.d.ts.map +1 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/plugin.d.ts.map +1 -0
  8. package/dist/plugin.js.map +1 -0
  9. package/lib/components.ts +2 -0
  10. package/package.json +3 -3
package/README.md CHANGED
@@ -1,11 +1,78 @@
1
- # `vue`
1
+ # Sellmate Design System - Vue
2
2
 
3
- > TODO: description
3
+ Vue 3 component wrappers for Sellmate Design System built with Stencil web components.
4
4
 
5
- ## Usage
5
+ ## Installation
6
6
 
7
+ ```bash
8
+ npm install @sellmate/design-system-vue
7
9
  ```
8
- const vue = require('vue');
9
10
 
10
- // TODO: DEMONSTRATE API
11
+ or
12
+
13
+ ```bash
14
+ yarn add @sellmate/design-system-vue
15
+ ```
16
+
17
+ ## Setup
18
+
19
+ ### Vue 3
20
+
21
+ ```ts
22
+ import { createApp } from 'vue';
23
+ import { defineCustomElementsDesignSystem } from '@sellmate/design-system-vue/loader';
24
+ import App from './App.vue';
25
+
26
+ const app = createApp(App);
27
+
28
+ // Define custom elements
29
+ defineCustomElementsDesignSystem();
30
+
31
+ app.mount('#app');
32
+ ```
33
+
34
+ ## Quick Start
35
+
36
+ ### Basic Component Usage
37
+
38
+ ```vue
39
+ <template>
40
+ <div>
41
+ <SdButton @click="handleClick">
42
+ Click me
43
+ </SdButton>
44
+ </div>
45
+ </template>
46
+
47
+ <script setup lang="ts">
48
+ import { SdButton } from '@sellmate/design-system-vue';
49
+
50
+ const handleClick = () => {
51
+ console.log('Button clicked');
52
+ };
53
+ </script>
11
54
  ```
55
+
56
+ ## Available Components
57
+
58
+ - `SdButton` - Button component
59
+ - `SdInput` - Input component
60
+ - `SdCheckbox` - Checkbox component
61
+ - `SdSelect` - Select dropdown component
62
+ - `SdTable` - Table component
63
+ - `SdTag` - Tag component
64
+ - `SdIcon` - Icon component
65
+ - `SdTooltip` - Tooltip component
66
+ - `SdPopover` - Popover component
67
+ - `SdDatePicker` - Date picker component
68
+ - `SdDateRangePicker` - Date range picker component
69
+ - `SdPagination` - Pagination component
70
+
71
+ ## Requirements
72
+
73
+ - Vue 3.0.0 or higher
74
+ - @sellmate/design-system (peer dependency)
75
+
76
+ ## License
77
+
78
+ MIT
package/dist/components.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../lib/components.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE/F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAKnD,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,GAAG,CAAC,QAAQ,CAarD,CAAC;AAGH,eAAO,MAAM,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,UAAU,CASzD,CAAC;AAGH,eAAO,MAAM,SAAS,EAAE,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAcvD,CAAC;AAGH,eAAO,MAAM,YAAY,EAAE,mBAAmB,CAAC,GAAG,CAAC,YAAY,CAQ7D,CAAC;AAGH,eAAO,MAAM,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,CAAC,iBAAiB,CASvE,CAAC;AAGH,eAAO,MAAM,MAAM,EAAE,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAMjD,CAAC;AAGH,eAAO,MAAM,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CA0B7C,CAAC;AAG/B,eAAO,MAAM,YAAY,EAAE,mBAAmB,CAAC,GAAG,CAAC,YAAY,CAO7D,CAAC;AAGH,eAAO,MAAM,SAAS,EAAE,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAevD,CAAC;AAGH,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,GAAG,CAAC,QAAQ,CASrD,CAAC;AAGH,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,GAAG,CAAC,QAAQ,CAsBrD,CAAC;AAGH,eAAO,MAAM,cAAc,EAAE,mBAAmB,CAAC,GAAG,CAAC,cAAc,CAWjE,CAAC;AAGH,eAAO,MAAM,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,OAAO,CAiBnD,CAAC;AAGH,eAAO,MAAM,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAO/C,CAAC;AAGH,eAAO,MAAM,SAAS,EAAE,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAWvD,CAAC;AAGH,eAAO,MAAM,eAAe,EAAE,mBAAmB,CAAC,GAAG,CAAC,eAAe,CAUnE,CAAC"}
package/dist/components.js CHANGED
@@ -169,7 +169,9 @@ export const SdTable = /*@__PURE__*/ defineContainer('sd-table', undefined, [
169
169
  'rowKey',
170
170
  'selectable',
171
171
  'resizable',
172
+ 'height',
172
173
  'stickyHeader',
174
+ 'stickyColumn',
173
175
  'noDataLabel',
174
176
  'pagination',
175
177
  'bodyCellRenderer',
package/dist/components.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../lib/components.ts"],"names":[],"mappings":"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"}
package/dist/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
package/dist/plugin.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../lib/plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,eAAO,MAAM,oBAAoB;kBAClB,GAAG;CAGjB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
package/dist/plugin.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plugin.js","sourceRoot":"","sources":["../lib/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAGtE,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,OAAO,CAAC,IAAS;QAChB,oBAAoB,EAAE,CAAC;IACxB,CAAC;CACD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
package/lib/components.ts CHANGED
@@ -200,7 +200,9 @@ export const SdTable: StencilVueComponent<JSX.SdTable> = /*@__PURE__*/ defineCon
200
200
  'rowKey',
201
201
  'selectable',
202
202
  'resizable',
203
+ 'height',
203
204
  'stickyHeader',
205
+ 'stickyColumn',
204
206
  'noDataLabel',
205
207
  'pagination',
206
208
  'bodyCellRenderer',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-vue",
3
- "version": "0.0.0",
3
+ "version": "0.0.1",
4
4
  "description": "Design System - Vue Component Wrappers",
5
5
  "keywords": [
6
6
  "vue",
@@ -45,11 +45,11 @@
45
45
  "vue": "^3.4.38"
46
46
  },
47
47
  "dependencies": {
48
- "@sellmate/design-system": "^0.0.0",
48
+ "@sellmate/design-system": "^0.0.1",
49
49
  "@stencil/vue-output-target": "^0.11.8"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "vue": ">=3.0.0"
53
53
  },
54
- "gitHead": "cb83a0141f6b846b81fd382ad77a1f0a12009bf2"
54
+ "gitHead": "92959cc67e194e44e1a647348a1835aeb0523ef5"
55
55
  }