@wwtdev/bsds-components-vue3 0.1.0 → 0.2.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 (5) hide show
  1. package/README.md +25 -5
  2. package/lib/components.d.ts +7 -0
  3. package/lib/components.js +53 -1
  4. package/lib/components.js.map +1 -1
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -1,11 +1,31 @@
1
- # `components-vue3`
1
+ # BSDS Components for Vue 3
2
2
 
3
- > TODO: description
3
+ ## Installation
4
4
 
5
- ## Usage
5
+ ```bash
6
+ npm install --save @wwtdev/bsds-components-vue3
7
+ ```
8
+ ## Using the Components
9
+
10
+ Add the following to your `main.js` file to import and use the component library:
11
+
12
+ ```
13
+ import { ComponentLibrary } from '@wwtdev/bsds-components-vue3';
14
+ import '@wwtdev/bsds-components/dist/components/components.css'
6
15
 
16
+ createApp(App).use(ComponentLibrary).mount('#app')
7
17
  ```
8
- const componentsVue3 = require('components-vue3');
9
18
 
10
- // TODO: DEMONSTRATE API
19
+ Now you can use BSDS Components in your code, just like standard Vue components:
20
+
11
21
  ```
22
+ <script setup>
23
+ import { BsButton } from '@wwtdev/bsds-components-vue3'
24
+ </script>
25
+
26
+ <template>
27
+ <div>
28
+ <BsButton>Hello World!</BsButton>
29
+ </div>
30
+ </template>
31
+ ```
package/lib/components.d.ts CHANGED
@@ -1,7 +1,14 @@
1
1
  import type { JSX } from '@wwtdev/bsds-components';
2
2
  export declare const BsButton: import("vue").DefineComponent<JSX.BsButton & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsButton & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
3
+ export declare const BsCheckbox: import("vue").DefineComponent<JSX.BsCheckbox & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsCheckbox & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
4
+ export declare const BsCheckboxField: import("vue").DefineComponent<JSX.BsCheckboxField & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsCheckboxField & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
3
5
  export declare const BsField: import("vue").DefineComponent<JSX.BsField & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsField & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
4
6
  export declare const BsHint: import("vue").DefineComponent<JSX.BsHint & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsHint & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
5
7
  export declare const BsInput: import("vue").DefineComponent<JSX.BsInput & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsInput & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
6
8
  export declare const BsInputField: import("vue").DefineComponent<JSX.BsInputField & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsInputField & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
7
9
  export declare const BsLabel: import("vue").DefineComponent<JSX.BsLabel & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsLabel & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
10
+ export declare const BsPill: import("vue").DefineComponent<JSX.BsPill & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsPill & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
11
+ export declare const BsProfile: import("vue").DefineComponent<JSX.BsProfile & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsProfile & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
12
+ export declare const BsProfileDetails: import("vue").DefineComponent<JSX.BsProfileDetails & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsProfileDetails & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
13
+ export declare const BsProfileImg: import("vue").DefineComponent<JSX.BsProfileImg & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsProfileImg & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
14
+ export declare const BsProfileLayout: import("vue").DefineComponent<JSX.BsProfileLayout & import("./vue-component-lib/utils").InputProps<string | number | boolean>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<JSX.BsProfileLayout & import("./vue-component-lib/utils").InputProps<string | number | boolean>>, {}>;
package/lib/components.js CHANGED
@@ -3,11 +3,27 @@ export const BsButton = defineContainer('bs-button', undefined, [
3
3
  'variant',
4
4
  'disabled',
5
5
  'ghostBtn',
6
- 'linkTo',
6
+ 'href',
7
7
  'passAttrs',
8
8
  'textBtn',
9
9
  'size'
10
10
  ]);
11
+ export const BsCheckbox = defineContainer('bs-checkbox', undefined, [
12
+ 'checked',
13
+ 'disabled',
14
+ 'error',
15
+ 'passAttrs',
16
+ 'required'
17
+ ], 'checked', 'change');
18
+ export const BsCheckboxField = defineContainer('bs-checkbox-field', undefined, [
19
+ 'checked',
20
+ 'disabled',
21
+ 'error',
22
+ 'label',
23
+ 'passAttrs',
24
+ 'required',
25
+ 'small'
26
+ ], 'checked', 'change');
11
27
  export const BsField = defineContainer('bs-field', undefined, [
12
28
  'disabled',
13
29
  'error',
@@ -47,4 +63,40 @@ export const BsLabel = defineContainer('bs-label', undefined, [
47
63
  'passAttrs',
48
64
  'required'
49
65
  ]);
66
+ export const BsPill = defineContainer('bs-pill', undefined, [
67
+ 'variant',
68
+ 'status',
69
+ 'href',
70
+ 'active',
71
+ 'disabled',
72
+ 'passAttrs'
73
+ ]);
74
+ export const BsProfile = defineContainer('bs-profile', undefined, [
75
+ 'layout',
76
+ 'href',
77
+ 'imageSrc',
78
+ 'imageSize',
79
+ 'initials',
80
+ 'profileName',
81
+ 'company',
82
+ 'jobTitle',
83
+ 'email'
84
+ ]);
85
+ export const BsProfileDetails = defineContainer('bs-profile-details', undefined, [
86
+ 'profileName',
87
+ 'company',
88
+ 'jobTitle',
89
+ 'email'
90
+ ]);
91
+ export const BsProfileImg = defineContainer('bs-profile-img', undefined, [
92
+ 'src',
93
+ 'size',
94
+ 'initials',
95
+ 'profileName'
96
+ ]);
97
+ export const BsProfileLayout = defineContainer('bs-profile-layout', undefined, [
98
+ 'layout',
99
+ 'href',
100
+ 'passAttrs'
101
+ ]);
50
102
  //# sourceMappingURL=components.js.map
package/lib/components.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAO5D,MAAM,CAAC,MAAM,QAAQ,GAAiB,eAAe,CAAe,WAAW,EAAE,SAAS,EAAE;IAC1F,SAAS;IACT,UAAU;IACV,UAAU;IACV,QAAQ;IACR,WAAW;IACX,SAAS;IACT,MAAM;CACP,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,OAAO,GAAiB,eAAe,CAAc,UAAU,EAAE,SAAS,EAAE;IACvF,UAAU;IACV,OAAO;IACP,OAAO;IACP,OAAO;IACP,UAAU;IACV,UAAU;IACV,QAAQ;CACT,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,MAAM,GAAiB,eAAe,CAAa,SAAS,EAAE,SAAS,EAAE;IACpF,OAAO;IACP,QAAQ;IACR,OAAO;CACR,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,OAAO,GAAiB,eAAe,CAAc,UAAU,EAAE,SAAS,EAAE;IACvF,UAAU;IACV,OAAO;IACP,WAAW;IACX,UAAU;IACV,MAAM;IACN,OAAO;IACP,QAAQ;CACT,EACD,OAAO,EAAE,OAAO,CAAC,CAAC;AAGlB,MAAM,CAAC,MAAM,YAAY,GAAiB,eAAe,CAAmB,gBAAgB,EAAE,SAAS,EAAE;IACvG,UAAU;IACV,OAAO;IACP,OAAO;IACP,OAAO;IACP,WAAW;IACX,UAAU;IACV,MAAM;IACN,OAAO;CACR,EACD,OAAO,EAAE,OAAO,CAAC,CAAC;AAGlB,MAAM,CAAC,MAAM,OAAO,GAAiB,eAAe,CAAc,UAAU,EAAE,SAAS,EAAE;IACvF,UAAU;IACV,KAAK;IACL,WAAW;IACX,UAAU;CACX,CAAC,CAAC"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAO5D,MAAM,CAAC,MAAM,QAAQ,GAAiB,eAAe,CAAe,WAAW,EAAE,SAAS,EAAE;IAC1F,SAAS;IACT,UAAU;IACV,UAAU;IACV,MAAM;IACN,WAAW;IACX,SAAS;IACT,MAAM;CACP,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,UAAU,GAAiB,eAAe,CAAiB,aAAa,EAAE,SAAS,EAAE;IAChG,SAAS;IACT,UAAU;IACV,OAAO;IACP,WAAW;IACX,UAAU;CACX,EACD,SAAS,EAAE,QAAQ,CAAC,CAAC;AAGrB,MAAM,CAAC,MAAM,eAAe,GAAiB,eAAe,CAAsB,mBAAmB,EAAE,SAAS,EAAE;IAChH,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,WAAW;IACX,UAAU;IACV,OAAO;CACR,EACD,SAAS,EAAE,QAAQ,CAAC,CAAC;AAGrB,MAAM,CAAC,MAAM,OAAO,GAAiB,eAAe,CAAc,UAAU,EAAE,SAAS,EAAE;IACvF,UAAU;IACV,OAAO;IACP,OAAO;IACP,OAAO;IACP,UAAU;IACV,UAAU;IACV,QAAQ;CACT,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,MAAM,GAAiB,eAAe,CAAa,SAAS,EAAE,SAAS,EAAE;IACpF,OAAO;IACP,QAAQ;IACR,OAAO;CACR,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,OAAO,GAAiB,eAAe,CAAc,UAAU,EAAE,SAAS,EAAE;IACvF,UAAU;IACV,OAAO;IACP,WAAW;IACX,UAAU;IACV,MAAM;IACN,OAAO;IACP,QAAQ;CACT,EACD,OAAO,EAAE,OAAO,CAAC,CAAC;AAGlB,MAAM,CAAC,MAAM,YAAY,GAAiB,eAAe,CAAmB,gBAAgB,EAAE,SAAS,EAAE;IACvG,UAAU;IACV,OAAO;IACP,OAAO;IACP,OAAO;IACP,WAAW;IACX,UAAU;IACV,MAAM;IACN,OAAO;CACR,EACD,OAAO,EAAE,OAAO,CAAC,CAAC;AAGlB,MAAM,CAAC,MAAM,OAAO,GAAiB,eAAe,CAAc,UAAU,EAAE,SAAS,EAAE;IACvF,UAAU;IACV,KAAK;IACL,WAAW;IACX,UAAU;CACX,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,MAAM,GAAiB,eAAe,CAAa,SAAS,EAAE,SAAS,EAAE;IACpF,SAAS;IACT,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,UAAU;IACV,WAAW;CACZ,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,SAAS,GAAiB,eAAe,CAAgB,YAAY,EAAE,SAAS,EAAE;IAC7F,QAAQ;IACR,MAAM;IACN,UAAU;IACV,WAAW;IACX,UAAU;IACV,aAAa;IACb,SAAS;IACT,UAAU;IACV,OAAO;CACR,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,gBAAgB,GAAiB,eAAe,CAAuB,oBAAoB,EAAE,SAAS,EAAE;IACnH,aAAa;IACb,SAAS;IACT,UAAU;IACV,OAAO;CACR,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,YAAY,GAAiB,eAAe,CAAmB,gBAAgB,EAAE,SAAS,EAAE;IACvG,KAAK;IACL,MAAM;IACN,UAAU;IACV,aAAa;CACd,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,eAAe,GAAiB,eAAe,CAAsB,mBAAmB,EAAE,SAAS,EAAE;IAChH,QAAQ;IACR,MAAM;IACN,WAAW;CACZ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wwtdev/bsds-components-vue3",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "BSDS Vue3 Components",
5
5
  "homepage": "",
6
6
  "license": "ISC",