@opens/ui 1.0.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 (39) hide show
  1. package/README.md +62 -0
  2. package/dist/buttons/button-primary.vue.d.ts +4 -0
  3. package/dist/buttons/button-primary.vue.d.ts.map +1 -0
  4. package/dist/buttons/button-secondary.vue.d.ts +4 -0
  5. package/dist/buttons/button-secondary.vue.d.ts.map +1 -0
  6. package/dist/cards/list-card.vue.d.ts +3 -0
  7. package/dist/cards/list-card.vue.d.ts.map +1 -0
  8. package/dist/cards/stat-card.vue.d.ts +4 -0
  9. package/dist/cards/stat-card.vue.d.ts.map +1 -0
  10. package/dist/dropdowns/select-dropdown.vue.d.ts +4 -0
  11. package/dist/dropdowns/select-dropdown.vue.d.ts.map +1 -0
  12. package/dist/dropdowns/simple-dropdown.vue.d.ts +4 -0
  13. package/dist/dropdowns/simple-dropdown.vue.d.ts.map +1 -0
  14. package/dist/favicon.ico +0 -0
  15. package/dist/inputs/icon-text-input.vue.d.ts +4 -0
  16. package/dist/inputs/icon-text-input.vue.d.ts.map +1 -0
  17. package/dist/inputs/switch-checkbox.vue.d.ts +4 -0
  18. package/dist/inputs/switch-checkbox.vue.d.ts.map +1 -0
  19. package/dist/inputs/text-input.vue.d.ts +4 -0
  20. package/dist/inputs/text-input.vue.d.ts.map +1 -0
  21. package/dist/main.d.ts +3 -0
  22. package/dist/simple-dropdown-item.vue.d.ts +3 -0
  23. package/dist/simple-dropdown-item.vue.d.ts.map +1 -0
  24. package/dist/src/components/buttons/button-primary.vue.d.ts +50 -0
  25. package/dist/src/components/buttons/button-secondary.vue.d.ts +50 -0
  26. package/dist/src/components/cards/list-card.vue.d.ts +2 -0
  27. package/dist/src/components/cards/stat-card.vue.d.ts +50 -0
  28. package/dist/src/components/dropdowns/select-dropdown.vue.d.ts +26 -0
  29. package/dist/src/components/dropdowns/simple-dropdown-item.vue.d.ts +2 -0
  30. package/dist/src/components/dropdowns/simple-dropdown.vue.d.ts +23 -0
  31. package/dist/src/components/inputs/icon-text-input.vue.d.ts +85 -0
  32. package/dist/src/components/inputs/switch-checkbox.vue.d.ts +33 -0
  33. package/dist/src/components/inputs/text-input.vue.d.ts +41 -0
  34. package/dist/src/main.d.ts +16 -0
  35. package/dist/yunique-ui.cjs.js +1 -0
  36. package/dist/yunique-ui.css +1 -0
  37. package/dist/yunique-ui.es.js +373 -0
  38. package/dist/yunique-ui.umd.js +2 -0
  39. package/package.json +69 -0
package/README.md ADDED
@@ -0,0 +1,62 @@
1
+ # yunique-ui
2
+
3
+ This template should help get you started developing with Vue 3 in Vite.
4
+
5
+ ## Recommended IDE Setup
6
+
7
+ [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
8
+
9
+ ## Type Support for `.vue` Imports in TS
10
+
11
+ TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
12
+
13
+ If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
14
+
15
+ 1. Disable the built-in TypeScript Extension
16
+ 1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
17
+ 2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
18
+ 2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
19
+
20
+ ## Customize configuration
21
+
22
+ See [Vite Configuration Reference](https://vitejs.dev/config/).
23
+
24
+ ## Project Setup
25
+
26
+ ```sh
27
+ npm install
28
+ ```
29
+
30
+ ### Compile and Hot-Reload for Development
31
+
32
+ ```sh
33
+ npm run dev
34
+ ```
35
+
36
+ ### Type-Check, Compile and Minify for Production
37
+
38
+ ```sh
39
+ npm run build
40
+ ```
41
+
42
+ ### Run Unit Tests with [Vitest](https://vitest.dev/)
43
+
44
+ ```sh
45
+ npm run test:unit
46
+ ```
47
+
48
+ ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
49
+
50
+ ```sh
51
+ npm run test:e2e:dev
52
+ ```
53
+
54
+ This runs the end-to-end tests against the Vite development server.
55
+ It is much faster than the production build.
56
+
57
+ But it's still recommended to test the production build with `test:e2e` before deploying (e.g. in CI environments):
58
+
59
+ ```sh
60
+ npm run build
61
+ npm run test:e2e
62
+ ```
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "/opt/atlassian/pipelines/agent/build/src/components/buttons/button-primary.vue?vue&type=script&setup=true&lang.ts";
2
+ export * from "/opt/atlassian/pipelines/agent/build/src/components/buttons/button-primary.vue?vue&type=script&setup=true&lang.ts";
3
+ export default _sfc_main;
4
+ //# sourceMappingURL=button-primary.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button-primary.vue.d.ts","sourceRoot":"","sources":["../../src/components/buttons/button-primary.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mHAAmH,CAAC;AAC1I,cAAc,mHAAmH,CAAC;AAClI,eAAe,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "/opt/atlassian/pipelines/agent/build/src/components/buttons/button-secondary.vue?vue&type=script&setup=true&lang.ts";
2
+ export * from "/opt/atlassian/pipelines/agent/build/src/components/buttons/button-secondary.vue?vue&type=script&setup=true&lang.ts";
3
+ export default _sfc_main;
4
+ //# sourceMappingURL=button-secondary.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button-secondary.vue.d.ts","sourceRoot":"","sources":["../../src/components/buttons/button-secondary.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qHAAqH,CAAC;AAC5I,cAAc,qHAAqH,CAAC;AACpI,eAAe,SAAS,CAAC"}
@@ -0,0 +1,3 @@
1
+ declare const _default: any;
2
+ export default _default;
3
+ //# sourceMappingURL=list-card.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"list-card.vue.d.ts","sourceRoot":"","sources":["../../src/components/cards/list-card.vue"],"names":[],"mappings":";AAKA,wBAA4E"}
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "/opt/atlassian/pipelines/agent/build/src/components/cards/stat-card.vue?vue&type=script&setup=true&lang.ts";
2
+ export * from "/opt/atlassian/pipelines/agent/build/src/components/cards/stat-card.vue?vue&type=script&setup=true&lang.ts";
3
+ export default _sfc_main;
4
+ //# sourceMappingURL=stat-card.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stat-card.vue.d.ts","sourceRoot":"","sources":["../../src/components/cards/stat-card.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,4GAA4G,CAAC;AACnI,cAAc,4GAA4G,CAAC;AAC3H,eAAe,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "/opt/atlassian/pipelines/agent/build/src/components/dropdowns/select-dropdown.vue?vue&type=script&setup=true&lang.ts";
2
+ export * from "/opt/atlassian/pipelines/agent/build/src/components/dropdowns/select-dropdown.vue?vue&type=script&setup=true&lang.ts";
3
+ export default _sfc_main;
4
+ //# sourceMappingURL=select-dropdown.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"select-dropdown.vue.d.ts","sourceRoot":"","sources":["../../src/components/dropdowns/select-dropdown.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,sHAAsH,CAAC;AAC7I,cAAc,sHAAsH,CAAC;AACrI,eAAe,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "/opt/atlassian/pipelines/agent/build/src/components/dropdowns/simple-dropdown.vue?vue&type=script&setup=true&lang.ts";
2
+ export * from "/opt/atlassian/pipelines/agent/build/src/components/dropdowns/simple-dropdown.vue?vue&type=script&setup=true&lang.ts";
3
+ export default _sfc_main;
4
+ //# sourceMappingURL=simple-dropdown.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"simple-dropdown.vue.d.ts","sourceRoot":"","sources":["../../src/components/dropdowns/simple-dropdown.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,sHAAsH,CAAC;AAC7I,cAAc,sHAAsH,CAAC;AACrI,eAAe,SAAS,CAAC"}
Binary file
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "/opt/atlassian/pipelines/agent/build/src/components/inputs/icon-text-input.vue?vue&type=script&setup=true&lang.ts";
2
+ export * from "/opt/atlassian/pipelines/agent/build/src/components/inputs/icon-text-input.vue?vue&type=script&setup=true&lang.ts";
3
+ export default _sfc_main;
4
+ //# sourceMappingURL=icon-text-input.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-text-input.vue.d.ts","sourceRoot":"","sources":["../../src/components/inputs/icon-text-input.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mHAAmH,CAAC;AAC1I,cAAc,mHAAmH,CAAC;AAClI,eAAe,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "/opt/atlassian/pipelines/agent/build/src/components/inputs/switch-checkbox.vue?vue&type=script&setup=true&lang.ts";
2
+ export * from "/opt/atlassian/pipelines/agent/build/src/components/inputs/switch-checkbox.vue?vue&type=script&setup=true&lang.ts";
3
+ export default _sfc_main;
4
+ //# sourceMappingURL=switch-checkbox.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch-checkbox.vue.d.ts","sourceRoot":"","sources":["../../src/components/inputs/switch-checkbox.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mHAAmH,CAAC;AAC1I,cAAc,mHAAmH,CAAC;AAClI,eAAe,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "/opt/atlassian/pipelines/agent/build/src/components/inputs/text-input.vue?vue&type=script&setup=true&lang.ts";
2
+ export * from "/opt/atlassian/pipelines/agent/build/src/components/inputs/text-input.vue?vue&type=script&setup=true&lang.ts";
3
+ export default _sfc_main;
4
+ //# sourceMappingURL=text-input.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text-input.vue.d.ts","sourceRoot":"","sources":["../../src/components/inputs/text-input.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8GAA8G,CAAC;AACrI,cAAc,8GAA8G,CAAC;AAC7H,eAAe,SAAS,CAAC"}
package/dist/main.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from './src/main'
2
+ import yunique-ui from './src/main'
3
+ export default yunique-ui
@@ -0,0 +1,3 @@
1
+ declare const _default: any;
2
+ export default _default;
3
+ //# sourceMappingURL=simple-dropdown-item.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"simple-dropdown-item.vue.d.ts","sourceRoot":"","sources":["../src/components/dropdowns/simple-dropdown-item.vue"],"names":[],"mappings":";AAKA,wBAA4E"}
@@ -0,0 +1,50 @@
1
+ declare const _sfc_main: import("vue").DefineComponent<{
2
+ large: {
3
+ type: BooleanConstructor;
4
+ default: boolean;
5
+ };
6
+ small: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ warning: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
14
+ alert: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ success: {
19
+ type: BooleanConstructor;
20
+ default: boolean;
21
+ };
22
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
23
+ large: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ small: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
31
+ warning: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ alert: {
36
+ type: BooleanConstructor;
37
+ default: boolean;
38
+ };
39
+ success: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ }>>, {
44
+ large: boolean;
45
+ small: boolean;
46
+ warning: boolean;
47
+ alert: boolean;
48
+ success: boolean;
49
+ }>;
50
+ export default _sfc_main;
@@ -0,0 +1,50 @@
1
+ declare const _sfc_main: import("vue").DefineComponent<{
2
+ large: {
3
+ type: BooleanConstructor;
4
+ default: boolean;
5
+ };
6
+ small: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ warning: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
14
+ alert: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ success: {
19
+ type: BooleanConstructor;
20
+ default: boolean;
21
+ };
22
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
23
+ large: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ small: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
31
+ warning: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ alert: {
36
+ type: BooleanConstructor;
37
+ default: boolean;
38
+ };
39
+ success: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ }>>, {
44
+ large: boolean;
45
+ small: boolean;
46
+ warning: boolean;
47
+ alert: boolean;
48
+ success: boolean;
49
+ }>;
50
+ export default _sfc_main;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
+ export default _default;
@@ -0,0 +1,50 @@
1
+ declare const _sfc_main: import("vue").DefineComponent<{
2
+ icon: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ bad: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ good: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
14
+ comparison: {
15
+ type: NumberConstructor;
16
+ default: number;
17
+ };
18
+ total: {
19
+ type: NumberConstructor;
20
+ default: number;
21
+ };
22
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
23
+ icon: {
24
+ type: StringConstructor;
25
+ default: string;
26
+ };
27
+ bad: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
31
+ good: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ comparison: {
36
+ type: NumberConstructor;
37
+ default: number;
38
+ };
39
+ total: {
40
+ type: NumberConstructor;
41
+ default: number;
42
+ };
43
+ }>>, {
44
+ icon: string;
45
+ bad: boolean;
46
+ good: boolean;
47
+ comparison: number;
48
+ total: number;
49
+ }>;
50
+ export default _sfc_main;
@@ -0,0 +1,26 @@
1
+ declare const _sfc_main: import("vue").DefineComponent<{
2
+ label: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ icon: {
7
+ type: StringConstructor;
8
+ default: string;
9
+ };
10
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select-all" | "deselect-all")[], "select-all" | "deselect-all", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
11
+ label: {
12
+ type: StringConstructor;
13
+ default: string;
14
+ };
15
+ icon: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ }>> & {
20
+ "onSelect-all"?: (...args: any[]) => any;
21
+ "onDeselect-all"?: (...args: any[]) => any;
22
+ }, {
23
+ label: string;
24
+ icon: string;
25
+ }>;
26
+ export default _sfc_main;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
+ export default _default;
@@ -0,0 +1,23 @@
1
+ declare const _sfc_main: import("vue").DefineComponent<{
2
+ label: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ icon: {
7
+ type: StringConstructor;
8
+ default: any;
9
+ };
10
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
11
+ label: {
12
+ type: StringConstructor;
13
+ default: string;
14
+ };
15
+ icon: {
16
+ type: StringConstructor;
17
+ default: any;
18
+ };
19
+ }>>, {
20
+ label: string;
21
+ icon: string;
22
+ }>;
23
+ export default _sfc_main;
@@ -0,0 +1,85 @@
1
+ import type { PropType as __PropType } from 'vue';
2
+ declare const _sfc_main: import("vue").DefineComponent<{
3
+ value: {
4
+ type: __PropType<string>;
5
+ required: true;
6
+ };
7
+ label: {
8
+ type: __PropType<string>;
9
+ required: true;
10
+ };
11
+ icon: {
12
+ type: __PropType<string>;
13
+ required: true;
14
+ };
15
+ placeholder: {
16
+ type: __PropType<{
17
+ type: string;
18
+ default: "";
19
+ }>;
20
+ required: false;
21
+ };
22
+ type: {
23
+ type: __PropType<string>;
24
+ required: false;
25
+ };
26
+ tooltip: {
27
+ type: __PropType<object>;
28
+ required: false;
29
+ };
30
+ caract: {
31
+ type: __PropType<{
32
+ type: number;
33
+ default: 1000;
34
+ }>;
35
+ required: false;
36
+ };
37
+ invalid: {
38
+ type: __PropType<boolean>;
39
+ required: false;
40
+ };
41
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "input")[], "blur" | "focus" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
42
+ value: {
43
+ type: __PropType<string>;
44
+ required: true;
45
+ };
46
+ label: {
47
+ type: __PropType<string>;
48
+ required: true;
49
+ };
50
+ icon: {
51
+ type: __PropType<string>;
52
+ required: true;
53
+ };
54
+ placeholder: {
55
+ type: __PropType<{
56
+ type: string;
57
+ default: "";
58
+ }>;
59
+ required: false;
60
+ };
61
+ type: {
62
+ type: __PropType<string>;
63
+ required: false;
64
+ };
65
+ tooltip: {
66
+ type: __PropType<object>;
67
+ required: false;
68
+ };
69
+ caract: {
70
+ type: __PropType<{
71
+ type: number;
72
+ default: 1000;
73
+ }>;
74
+ required: false;
75
+ };
76
+ invalid: {
77
+ type: __PropType<boolean>;
78
+ required: false;
79
+ };
80
+ }>> & {
81
+ onBlur?: (...args: any[]) => any;
82
+ onFocus?: (...args: any[]) => any;
83
+ onInput?: (...args: any[]) => any;
84
+ }, {}>;
85
+ export default _sfc_main;
@@ -0,0 +1,33 @@
1
+ import type { PropType as __PropType } from 'vue';
2
+ declare const _sfc_main: import("vue").DefineComponent<{
3
+ modelValue: {
4
+ type: __PropType<boolean>;
5
+ required: true;
6
+ };
7
+ invalid: {
8
+ type: __PropType<boolean>;
9
+ required: false;
10
+ };
11
+ disabled: {
12
+ type: __PropType<boolean>;
13
+ required: false;
14
+ };
15
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
16
+ modelValue: {
17
+ type: __PropType<boolean>;
18
+ required: true;
19
+ };
20
+ invalid: {
21
+ type: __PropType<boolean>;
22
+ required: false;
23
+ };
24
+ disabled: {
25
+ type: __PropType<boolean>;
26
+ required: false;
27
+ };
28
+ }>> & {
29
+ onInput?: (...args: any[]) => any;
30
+ "onUpdate:modelValue"?: (...args: any[]) => any;
31
+ onChange?: (...args: any[]) => any;
32
+ }, {}>;
33
+ export default _sfc_main;
@@ -0,0 +1,41 @@
1
+ import type { PropType as __PropType } from 'vue';
2
+ declare const _sfc_main: import("vue").DefineComponent<{
3
+ modelValue: {
4
+ type: __PropType<string>;
5
+ required: true;
6
+ };
7
+ label: {
8
+ type: __PropType<string>;
9
+ required: true;
10
+ };
11
+ invalid: {
12
+ type: __PropType<boolean>;
13
+ required: false;
14
+ };
15
+ disabled: {
16
+ type: __PropType<boolean>;
17
+ required: false;
18
+ };
19
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:model-value" | "blur" | "press-enter")[], "update:model-value" | "blur" | "press-enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
20
+ modelValue: {
21
+ type: __PropType<string>;
22
+ required: true;
23
+ };
24
+ label: {
25
+ type: __PropType<string>;
26
+ required: true;
27
+ };
28
+ invalid: {
29
+ type: __PropType<boolean>;
30
+ required: false;
31
+ };
32
+ disabled: {
33
+ type: __PropType<boolean>;
34
+ required: false;
35
+ };
36
+ }>> & {
37
+ "onUpdate:model-value"?: (...args: any[]) => any;
38
+ onBlur?: (...args: any[]) => any;
39
+ "onPress-enter"?: (...args: any[]) => any;
40
+ }, {}>;
41
+ export default _sfc_main;
@@ -0,0 +1,16 @@
1
+ import IconTextInput from './components/inputs/icon-text-input.vue';
2
+ import TextInput from './components/inputs/text-input.vue';
3
+ import SwitchCheckbox from './components/inputs/switch-checkbox.vue';
4
+ import ButtonPrimary from './components/buttons/button-primary.vue';
5
+ import ButtonSecondary from './components/buttons/button-secondary.vue';
6
+ import SimpleDropdown from './components/dropdowns/simple-dropdown.vue';
7
+ import SelectDropdown from './components/dropdowns/select-dropdown.vue';
8
+ import SimpleDropdownItem from './components/dropdowns/simple-dropdown-item.vue';
9
+ import StatCard from './components/cards/stat-card.vue';
10
+ import ListCard from './components/cards/list-card.vue';
11
+ import type { App } from 'vue';
12
+ declare const _default: {
13
+ install: (app: App) => void;
14
+ };
15
+ export default _default;
16
+ export { TextInput, IconTextInput, SwitchCheckbox, ButtonPrimary, ButtonSecondary, SimpleDropdown, SelectDropdown, SimpleDropdownItem, StatCard, ListCard, };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k={class:"simple-input"},B={class:"yu-flex yu-h-full yu-pl-2"},V={class:"material-icons yu-text-gray-700 yu-my-auto"},E=["placeholder","type","maxlength"],m=e.defineComponent({__name:"icon-text-input",props:{value:null,label:null,icon:null,placeholder:null,type:null,tooltip:null,caract:null,invalid:{type:Boolean}},emits:["blur","focus","input"],setup(t,{emit:l}){const o=t;e.ref(!1);const u=e.ref(o.value);e.ref(!1);const a=e.ref(o.type),r=e.ref(!1);e.watch(r,s=>{if(!s){l("blur");return}l("focus")});function y(){return!(r.value||u.value)}function c(s){l("input",s.target.value)}return(s,n)=>(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("div",B,[e.createElementVNode("i",V,e.toDisplayString(t.icon),1),e.createElementVNode("p",{class:e.normalizeClass(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition",{"yu-translate-y-2 yu-text-sm":y(),"yu-translate-y-0 yu-text-xs":!y()}])},e.toDisplayString(t.label),3)]),e.withDirectives(e.createElementVNode("input",{class:"yu-pl-8 yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800",placeholder:t.placeholder,onInput:c,onFocus:n[0]||(n[0]=i=>r.value=!0),onBlur:n[1]||(n[1]=i=>r.value=!1),"onUpdate:modelValue":n[2]||(n[2]=i=>u.value=i),type:a.value||t.type,onKeyup:n[3]||(n[3]=e.withKeys(i=>s.$emit("keyup-enter"),["enter"])),maxlength:t.caract},null,40,E),[[e.vModelDynamic,u.value]])]))}}),S=["disabled"],d=e.defineComponent({__name:"text-input",props:{modelValue:null,label:null,invalid:{type:Boolean},disabled:{type:Boolean}},emits:["update:model-value","blur","press-enter"],setup(t,{emit:l}){const o=t,u=e.ref(o.modelValue),a=e.ref(!1);function r(){return!(a.value||u.value)}function y(s){l(s)}function c(s){const n=s.target;l("update:model-value",n.value)}return(s,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["simple-input",{"yu-border-red-500":t.invalid}])},[e.createElementVNode("p",{class:e.normalizeClass(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition",{"yu-translate-y-1/4 yu-text-sm":r(),"yu-translate-x-0 yu-text-xs":!r()}])},e.toDisplayString(t.label),3),e.withDirectives(e.createElementVNode("input",{class:"yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800 dark:yu-text-gray-200","onUpdate:modelValue":n[0]||(n[0]=i=>u.value=i),type:"text",disabled:t.disabled,onInput:c,onKeyup:n[1]||(n[1]=e.withKeys(i=>y("press-enter"),["enter"])),onFocus:n[2]||(n[2]=i=>a.value=!0),onBlur:n[3]||(n[3]=i=>a.value=!1)},null,40,S),[[e.vModelText,u.value]])],2))}}),N=["checked"],f=e.defineComponent({__name:"switch-checkbox",props:{modelValue:{type:Boolean},invalid:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue","change","input"],setup(t,{emit:l}){const o=t,u=e.ref(o.modelValue);return e.ref(!1),e.watch(u,a=>{l("update:modelValue",a)}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:"yu-relative yu-inline-block yu-w-10 yu-align-middle yu-select-none yu-transition yu-duration-200 yu-ease-in",onClick:r[0]||(r[0]=y=>u.value=!u.value)},[e.createElementVNode("input",{class:"yu-absolute yu-block yu-w-6 yu-h-6 yu-bg-white yu-border-4 yu-rounded-full yu-appearance-none yu-cursor-pointer toggle-checkbox checked:yu-right-0 checked:yu-border-primary-500",type:"checkbox",checked:u.value},null,8,N),e.createElementVNode("label",{class:e.normalizeClass(["yu-block yu-h-6 yu-overflow-hidden yu-bg-gray-300 yu-rounded-full yu-cursor-pointer yu-toggle-label",{"yu-bg-primary-500":u.value}]),for:"toggle"},null,2)]))}}),g=e.defineComponent({__name:"button-primary",props:{large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},alert:{type:Boolean,default:!1},success:{type:Boolean,default:!1}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["yu-bg-primary yu-px-5 yu-p-2 yu-w-fit yu-text-base yu-text-white yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate hover:yu-brightness-90 active:yu-scale-95",{"!yu-px-7 !yu-p-4":t.large,"!yu-px-3 !yu-p-1":t.small,"!yu-bg-red-500":t.warning,"!yu-bg-yellow-400":t.alert,"!yu-bg-green-400":t.success}])},[e.renderSlot(l.$slots,"default")],2))}}),v=e.defineComponent({__name:"button-secondary",props:{large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},alert:{type:Boolean,default:!1},success:{type:Boolean,default:!1}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["yu-text-primary yu-bg-primary yu-text-base yu-w-fit yu-px-5 yu-p-2 yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate !yu-bg-opacity-5 group hover:!yu-bg-opacity-10 active:yu-scale-95 active:!yu-bg-opacity-20",{"!yu-text-lg":t.large,"!yu-text-sm":t.small,"!yu-text-red-500 !yu-bg-red-500":t.warning,"!yu-text-yellow-400 !yu-bg-yellow-400":t.alert,"!yu-text-green-400 !yu-bg-green-400":t.success}])},[e.renderSlot(l.$slots,"default")],2))}}),C={class:"yu-transition yu-text-gray-900 yu-font-plus yu-text-sm yu-p-2 yu-font-semibold yu-rounded-md yu-cursor-pointer yu-flex yu-items-center active:yu-scale-95 hover:yu-bg-primary-500 hover:!yu-bg-opacity-10 hover:yu-text-primary-400"};function _(t,l){return e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"default")])}const b=(t,l)=>{const o=t.__vccOpts||t;for(const[u,a]of l)o[u]=a;return o};var D={};const p=b(D,[["render",_]]),z={class:"yu-relative yu-w-full"},I={class:"yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2"},T={class:"yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-flex yu-flex-col yu-gap-1 yu-shadow-md yu-absolute"},x=e.defineComponent({__name:"simple-dropdown",props:{label:{type:String,default:"Dropdown"},icon:{type:String,default:null}},setup(t){const l=e.ref(!1);return(o,u)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",z,[e.createElementVNode("button",{class:e.normalizeClass(["yu-ml-auto yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95",{"!yu-bg-primary-500 !yu-bg-opacity-10":l.value}]),onClick:u[0]||(u[0]=a=>l.value=!l.value)},[e.withDirectives(e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit",{"yu-text-primary-500":l.value}])},e.toDisplayString(t.icon),3),[[e.vShow,t.icon]]),e.createElementVNode("div",I,e.toDisplayString(t.label),1),e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto",{"yu-text-primary-500 yu-rotate-180":l.value}])}," keyboard_arrow_down",2)],2),e.withDirectives(e.createElementVNode("div",T,[e.createElementVNode("div",{class:"yu-w-full yu-rounded-md yu-p-2",onClick:u[1]||(u[1]=a=>l.value=!1)},[e.renderSlot(o.$slots,"default")])],512),[[e.vShow,l.value]])])]))}}),M={class:"yu-w-fit"},P={class:"yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2"},K={class:"yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-shadow-md"},L={class:"yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1"},U=e.createElementVNode("div",{class:"yu-text-gray-700 yu-text-xs"},"Selecionar todos",-1),h=e.defineComponent({__name:"select-dropdown",props:{label:{type:String,default:"Dropdown"},icon:{type:String,default:"input"}},emits:["select-all","deselect-all"],setup(t,{emit:l}){const o=e.ref(!1),u=e.ref(!1),a=()=>{if(u.value=!u.value,u.value){l("select-all");return}l("deselect-all")};return(r,y)=>(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("button",{class:e.normalizeClass(["yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95",{"!yu-bg-primary-500 !yu-bg-opacity-10":o.value}]),onClick:y[0]||(y[0]=c=>o.value=!o.value)},[e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit",{"yu-text-primary-500":o.value}])},e.toDisplayString(t.icon),3),e.createElementVNode("div",P,e.toDisplayString(t.label),1),e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto",{"yu-text-primary-500 yu-rotate-180":o.value}])}," keyboard_arrow_down",2)],2),e.withDirectives(e.createElementVNode("div",K,[e.createElementVNode("div",L,[e.createVNode(d,{label:"Dropdown"}),e.createVNode(p,{onClick:y[2]||(y[2]=c=>a())},{default:e.withCtx(()=>[U,e.withDirectives(e.createElementVNode("input",{class:"yu-ml-auto yu-accent-primary-500 yu-border-2 yu-cursor-pointer",type:"checkbox","onUpdate:modelValue":y[1]||(y[1]=c=>u.value=c)},null,512),[[e.vModelCheckbox,u.value]])]),_:1}),e.renderSlot(r.$slots,"default")])],512),[[e.vShow,o.value]])]))}}),j={class:"yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-3 yu-bg-white yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-shadow-gray-100"},q={class:"yu-flex yu-gap-5 yu-px-2"},F={class:"yu-flex yu-flex-col"},O={class:"yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center"},A={class:"yu-font-plus yu-text-xs yu-text-gray-400"},G={class:"yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm"},w=e.defineComponent({__name:"stat-card",props:{icon:{type:String,default:"assignment"},bad:{type:Boolean,default:!1},good:{type:Boolean,default:!1},comparison:{type:Number,default:0},total:{type:Number,default:100}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("div",j,[e.createElementVNode("div",q,[e.createElementVNode("i",{class:e.normalizeClass(["yu-aspect-square material-icons yu-bg-yellow-100 yu-text-yellow-500 yu-h-14 yu-w-14 yu-place-items-center yu-rounded-full !yu-text-1xl !yu-grid",{"!yu-text-red-500 !yu-bg-red-100":t.bad,"!yu-text-green-500 !yu-bg-green-100":t.good}])},e.toDisplayString(t.icon),3),e.createElementVNode("div",F,[e.createElementVNode("div",O,[e.createTextVNode(e.toDisplayString(t.comparison),1),e.createElementVNode("span",A,"/"+e.toDisplayString(t.total),1)]),e.createElementVNode("p",G,[e.renderSlot(l.$slots,"default")])])])]))}}),H={class:"yu-border yu-border-gray-100 yu-rounded-md yu-py-5 yu-px-5 yu-bg-white yu-shadow-md yu-shadow-gray-100"},J={class:"yu-font-plus yu-text-gray-800 yu-font-semibold yu-text-lg"},Q={class:"yu-mt-2 yu-flex yu-flex-col"};function R(t,l){return e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("div",J,[e.renderSlot(t.$slots,"heading")]),e.createElementVNode("div",Q,[e.renderSlot(t.$slots,"list")])])}var W={};const $=b(W,[["render",R]]);const X={install:t=>{t.component("TextInput",d),t.component("IconTextInput",m),t.component("SwitchCheckbox",f),t.component("ButtonPrimary",g),t.component("ButtonSecondary",v),t.component("SimpleDropdown",x),t.component("SelectDropdown",h),t.component("SimpleDropdownItem",p),t.component("StatCard",w),t.component("ListCard",$)}};exports.ButtonPrimary=g;exports.ButtonSecondary=v;exports.IconTextInput=m;exports.ListCard=$;exports.SelectDropdown=h;exports.SimpleDropdown=x;exports.SimpleDropdownItem=p;exports.StatCard=w;exports.SwitchCheckbox=f;exports.TextInput=d;exports.default=X;