hp-design-system 1.0.19 → 1.0.21
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.
- package/dist/css/index.css +279 -0
- package/dist/js/index.js +320 -0
- package/dist/js/index.js.map +1 -0
- package/package.json +21 -70
- package/dist/hp-design-system.es.js +0 -265
- package/dist/style.css +0 -1
- package/dist/types/src/App.vue.d.ts +0 -2
- package/dist/types/src/components/button/Button.vue.d.ts +0 -80
- package/dist/types/src/components/icons/icon/Icon.vue.d.ts +0 -11
- package/dist/types/src/components/icons/iconList/IconList.vue.d.ts +0 -7
- package/dist/types/src/components/icons/iconList/components/IconListButton.vue.d.ts +0 -58
- package/dist/types/src/components/index.d.ts +0 -5
- package/dist/types/src/components/inputs/checkbox/Checkbox.vue.d.ts +0 -46
- package/dist/types/src/components/teste/Teste.stories.d.ts +0 -37
- package/dist/types/src/components/teste/Teste.vue.d.ts +0 -146
- package/dist/types/src/composables/useTheme.d.ts +0 -0
- package/dist/types/src/index.d.ts +0 -7
- package/dist/types/src/main.d.ts +0 -2
- package/dist/types/stories/IconList.stories.d.ts +0 -7
- package/src/App.vue +0 -33
- package/src/assets/fonts/Quicksand-Bold.ttf +0 -0
- package/src/assets/fonts/Quicksand-Light.ttf +0 -0
- package/src/assets/fonts/Quicksand-Medium.ttf +0 -0
- package/src/assets/fonts/Quicksand-Regular.ttf +0 -0
- package/src/assets/fonts/Quicksand-SemiBold.ttf +0 -0
- package/src/assets/icons/AA0010.svg +0 -24
- package/src/assets/icons/AA0020.svg +0 -22
- package/src/assets/icons/AA0030.svg +0 -6
- package/src/assets/icons/AA0040.svg +0 -20
- package/src/assets/icons/AA0050.svg +0 -20
- package/src/assets/icons/AA0060.svg +0 -29
- package/src/assets/icons/AA0070.svg +0 -28
- package/src/assets/icons/AB0010.svg +0 -24
- package/src/assets/icons/AB0020.svg +0 -24
- package/src/assets/icons/AB0030.svg +0 -2
- package/src/assets/icons/AB0040.svg +0 -24
- package/src/assets/icons/AB0050.svg +0 -37
- package/src/assets/icons/AC0010.svg +0 -20
- package/src/assets/icons/AC0020.svg +0 -25
- package/src/assets/icons/AC0030.svg +0 -22
- package/src/assets/icons/AC0040.svg +0 -20
- package/src/assets/icons/AD0010.svg +0 -25
- package/src/assets/icons/AD0020.svg +0 -2
- package/src/assets/icons/AD0030.svg +0 -22
- package/src/assets/icons/AD0040.svg +0 -27
- package/src/assets/icons/AD0050.svg +0 -30
- package/src/assets/icons/AE0010.svg +0 -22
- package/src/assets/icons/AE0020.svg +0 -26
- package/src/assets/icons/AE0030.svg +0 -20
- package/src/assets/icons/AE0040.svg +0 -25
- package/src/assets/icons/AE0050.svg +0 -12
- package/src/assets/icons/AE0060.svg +0 -24
- package/src/assets/icons/AE0070.svg +0 -23
- package/src/assets/icons/BA0010.svg +0 -2
- package/src/assets/icons/BA0020.svg +0 -2
- package/src/assets/icons/BA0030.svg +0 -2
- package/src/assets/icons/BA0031.svg +0 -2
- package/src/assets/icons/BA0040.svg +0 -4
- package/src/assets/icons/BA0050.svg +0 -4
- package/src/assets/icons/BB0010.svg +0 -2
- package/src/assets/icons/BB0011.svg +0 -2
- package/src/assets/icons/BB0012.svg +0 -2
- package/src/assets/icons/BB0013.svg +0 -2
- package/src/assets/icons/BB0020.svg +0 -2
- package/src/assets/icons/BB0021.svg +0 -2
- package/src/assets/icons/BB0022.svg +0 -2
- package/src/assets/icons/BB0023.svg +0 -2
- package/src/assets/icons/BB0030.svg +0 -2
- package/src/assets/icons/BB0031.svg +0 -2
- package/src/assets/icons/BB0032.svg +0 -2
- package/src/assets/icons/BB0033.svg +0 -2
- package/src/assets/icons/BB0040.svg +0 -2
- package/src/assets/icons/BB0041.svg +0 -2
- package/src/assets/icons/BB0042.svg +0 -2
- package/src/assets/icons/BB0043.svg +0 -2
- package/src/assets/icons/BB0050.svg +0 -2
- package/src/assets/icons/BB0051.svg +0 -2
- package/src/assets/icons/BB0052.svg +0 -2
- package/src/assets/icons/BB0053.svg +0 -2
- package/src/assets/icons/BB0060.svg +0 -2
- package/src/assets/icons/BB0061.svg +0 -2
- package/src/assets/icons/BB0062.svg +0 -2
- package/src/assets/icons/BB0063.svg +0 -2
- package/src/assets/icons/BB0070.svg +0 -2
- package/src/assets/icons/BB0071.svg +0 -2
- package/src/assets/icons/BB0072.svg +0 -2
- package/src/assets/icons/BB0073.svg +0 -2
- package/src/assets/icons/BB0080.svg +0 -2
- package/src/assets/icons/BB0081.svg +0 -2
- package/src/assets/icons/BB0082.svg +0 -2
- package/src/assets/icons/BB0083.svg +0 -2
- package/src/assets/icons/BB0090.svg +0 -2
- package/src/assets/icons/BB0091.svg +0 -2
- package/src/assets/icons/BB0092.svg +0 -2
- package/src/assets/icons/BB0093.svg +0 -2
- package/src/assets/icons/BB0100.svg +0 -2
- package/src/assets/icons/BB0101.svg +0 -2
- package/src/assets/icons/BB0102.svg +0 -2
- package/src/assets/icons/BB0103.svg +0 -2
- package/src/assets/icons/BB0110.svg +0 -2
- package/src/assets/icons/BB0111.svg +0 -2
- package/src/assets/icons/BB0112.svg +0 -2
- package/src/assets/icons/BB0113.svg +0 -2
- package/src/assets/icons/BB0120.svg +0 -2
- package/src/assets/icons/BB0121.svg +0 -2
- package/src/assets/icons/BB0122.svg +0 -2
- package/src/assets/icons/BB0123.svg +0 -2
- package/src/assets/icons/BB0130.svg +0 -2
- package/src/assets/icons/BB0131.svg +0 -2
- package/src/assets/icons/BB0132.svg +0 -2
- package/src/assets/icons/BB0133.svg +0 -2
- package/src/assets/icons/BB0140.svg +0 -2
- package/src/assets/icons/BB0141.svg +0 -2
- package/src/assets/icons/BB0142.svg +0 -2
- package/src/assets/icons/BB0143.svg +0 -2
- package/src/assets/icons/BB0150.svg +0 -2
- package/src/assets/icons/BB0151.svg +0 -2
- package/src/assets/icons/BB0152.svg +0 -2
- package/src/assets/icons/BB0153.svg +0 -2
- package/src/assets/icons/BB0160.svg +0 -2
- package/src/assets/icons/BB0161.svg +0 -2
- package/src/assets/icons/BB0162.svg +0 -2
- package/src/assets/icons/BB0163.svg +0 -2
- package/src/assets/icons/BC0010.svg +0 -2
- package/src/assets/icons/BC0011.svg +0 -2
- package/src/assets/icons/BC0012.svg +0 -1
- package/src/assets/icons/BC0013.svg +0 -2
- package/src/assets/icons/BC0014.svg +0 -2
- package/src/assets/icons/BC0015.svg +0 -4
- package/src/assets/icons/BC0016.svg +0 -4
- package/src/assets/icons/BC0017.svg +0 -4
- package/src/assets/icons/BC0018.svg +0 -4
- package/src/assets/icons/BC0019.svg +0 -1
- package/src/assets/icons/BC0020.svg +0 -2
- package/src/assets/icons/BC0021.svg +0 -4
- package/src/assets/icons/BD0010.svg +0 -2
- package/src/assets/icons/BD0020.svg +0 -2
- package/src/assets/icons/BD0030.svg +0 -2
- package/src/assets/icons/BD0040.svg +0 -2
- package/src/assets/icons/BD0043.svg +0 -1
- package/src/assets/icons/BD0050.svg +0 -2
- package/src/assets/icons/BD0051.svg +0 -2
- package/src/assets/icons/BD0060.svg +0 -2
- package/src/assets/icons/BD0070.svg +0 -2
- package/src/assets/icons/BD0071.svg +0 -2
- package/src/assets/icons/BD0080.svg +0 -2
- package/src/assets/icons/BD0081.svg +0 -4
- package/src/assets/icons/BD0082.svg +0 -2
- package/src/assets/icons/BD0090.svg +0 -4
- package/src/assets/icons/BD0100.svg +0 -2
- package/src/assets/icons/BD0110.svg +0 -2
- package/src/assets/icons/BD0120.svg +0 -1
- package/src/assets/icons/BD0130.svg +0 -2
- package/src/assets/icons/BE0010.svg +0 -2
- package/src/assets/icons/BE0011.svg +0 -2
- package/src/assets/icons/BE0012.svg +0 -2
- package/src/assets/icons/BE0013.svg +0 -2
- package/src/assets/icons/BE0020.svg +0 -2
- package/src/assets/icons/BE0030.svg +0 -2
- package/src/assets/icons/BE0031.svg +0 -2
- package/src/assets/icons/BE0032.svg +0 -2
- package/src/assets/icons/BE0033.svg +0 -2
- package/src/assets/icons/BE0040.svg +0 -2
- package/src/assets/icons/BE0041.svg +0 -2
- package/src/assets/icons/BE0042.svg +0 -2
- package/src/assets/icons/BE0043.svg +0 -1
- package/src/assets/icons/BE0050.svg +0 -2
- package/src/assets/icons/BE0051.svg +0 -2
- package/src/assets/icons/BE0052.svg +0 -2
- package/src/assets/icons/BE0053.svg +0 -2
- package/src/assets/icons/BE0060.svg +0 -2
- package/src/assets/icons/BE0070.svg +0 -2
- package/src/assets/icons/BE0080.svg +0 -2
- package/src/assets/icons/BE0090.svg +0 -2
- package/src/assets/icons/BE0100.svg +0 -2
- package/src/assets/icons/BE0110.svg +0 -2
- package/src/assets/icons/BE0120.svg +0 -2
- package/src/assets/icons/BE0130.svg +0 -2
- package/src/assets/icons/BE0140.svg +0 -2
- package/src/assets/icons/BE0150.svg +0 -2
- package/src/assets/icons/BF0010.svg +0 -2
- package/src/assets/icons/BF0011.svg +0 -2
- package/src/assets/icons/BF0020.svg +0 -2
- package/src/assets/icons/BF0021.svg +0 -2
- package/src/assets/icons/BF0030.svg +0 -2
- package/src/assets/icons/BF0031.svg +0 -2
- package/src/assets/icons/BF0040.svg +0 -2
- package/src/assets/icons/BF0050.svg +0 -2
- package/src/assets/icons/BF0060.svg +0 -2
- package/src/assets/icons/BF0061.svg +0 -2
- package/src/assets/icons/BF0070.svg +0 -2
- package/src/assets/icons/BF0080.svg +0 -2
- package/src/assets/icons/BF0090.svg +0 -2
- package/src/assets/icons/BF0100.svg +0 -2
- package/src/assets/icons/BG0010.svg +0 -2
- package/src/assets/icons/BG0011.svg +0 -2
- package/src/assets/icons/BG0020.svg +0 -2
- package/src/assets/icons/BG0030.svg +0 -1
- package/src/assets/icons/BG0040.svg +0 -1
- package/src/assets/icons/BG0050.svg +0 -1
- package/src/assets/icons/BG0060.svg +0 -2
- package/src/assets/icons/BG0070.svg +0 -2
- package/src/assets/icons/CA0010.svg +0 -9
- package/src/assets/icons/CA0020.svg +0 -9
- package/src/assets/icons/CA0030.svg +0 -9
- package/src/assets/icons/CA0040.svg +0 -9
- package/src/assets/icons/CA0050.svg +0 -9
- package/src/assets/icons/CA0060.svg +0 -9
- package/src/assets/icons/CA0070.svg +0 -9
- package/src/assets/icons/CA0080.svg +0 -9
- package/src/assets/icons/CA0090.svg +0 -9
- package/src/assets/icons/CA0100.svg +0 -9
- package/src/assets/icons/CA0110.svg +0 -9
- package/src/assets/icons/CA0120.svg +0 -9
- package/src/assets/icons/CA0130.svg +0 -9
- package/src/assets/icons/icons.json +0 -192
- package/src/components/button/Button.vue +0 -100
- package/src/components/icons/icon/Icon.vue +0 -59
- package/src/components/icons/iconList/IconList.vue +0 -172
- package/src/components/icons/iconList/components/IconListButton.vue +0 -71
- package/src/components/index.ts +0 -6
- package/src/components/inputs/checkbox/Checkbox.scss +0 -91
- package/src/components/inputs/checkbox/Checkbox.vue +0 -53
- package/src/components/teste/Teste.stories.ts +0 -214
- package/src/components/teste/Teste.vue +0 -96
- package/src/composables/useTheme.ts +0 -0
- package/src/index.ts +0 -14
- package/src/main.ts +0 -7
- package/src/shims-vue.d.ts +0 -5
- package/src/style.scss +0 -47
- package/src/styles/colors.scss +0 -28
- package/src/styles/global.scss +0 -0
- package/src/styles/theme.scss +0 -33
- package/src/styles/variables.scss +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/components/icons/icon/Icon.vue","../../src/components/button/Button.vue","../../src/components/teste/Teste.vue","../../src/index.ts"],"sourcesContent":["<template>\r\n <svg\r\n :class=\"['icon', sizeClass]\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-hidden=\"true\"\r\n :style=\"{ fill: color }\"\r\n >\r\n <use :xlink:href=\"`#icon-${name}`\"></use>\r\n </svg>\r\n</template>\r\n\r\n<script setup>\r\nimport { computed } from 'vue'\r\n\r\nconst props = defineProps({\r\n name: {\r\n type: String,\r\n required: true\r\n },\r\n size: {\r\n type: String,\r\n default: 'md'\r\n },\r\n color: {\r\n type: String,\r\n default: 'currentColor'\r\n }\r\n})\r\n\r\nconst sizeClass = computed(() => {\r\n return (\r\n {\r\n sm: 'icon-small',\r\n md: 'icon-medium',\r\n lg: 'icon-large'\r\n }[props.size] || 'icon-medium'\r\n )\r\n})\r\n</script>\r\n\r\n<style>\r\n.icon {\r\n width: 2em;\r\n height: 2em;\r\n fill: currentColor;\r\n}\r\n.icon-small {\r\n width: 1em;\r\n height: 1em;\r\n}\r\n.icon-medium {\r\n width: 2em;\r\n height: 2em;\r\n}\r\n.icon-large {\r\n width: 3em;\r\n height: 3em;\r\n}\r\n</style>\r\n","<template>\n <button\n class=\"button\"\n :aria-label=\"ariaLabel || label\"\n @click=\"handleClick\"\n :aria-disabled=\"disabled\"\n >\n <span v-if=\"icon\" class=\"button-icon\">\n <Icon :name=\"icon\" size=\"sm\" color=\"white\" />\n </span>\n <span class=\"button-label\">{{ label }}</span>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport Icon from '../icons/icon/Icon.vue'\n\nconst props = defineProps({\n label: {\n type: String,\n required: true\n },\n ariaLabel: {\n type: String,\n default: ''\n },\n backgroundColor: {\n type: String,\n default: ''\n },\n labelColor: {\n type: String,\n default: ''\n },\n size: {\n type: String,\n default: ''\n },\n disabled: {\n type: Boolean,\n default: false\n },\n icon: {\n type: String,\n default: ''\n },\n iconPosition: {\n type: String,\n default: ''\n }\n})\n\nconst emit = defineEmits(['click'])\n\nconst handleClick = (event: Event) => {\n if (!props.disabled) {\n emit('click', event)\n }\n}\n</script>\n\n<style lang=\"scss\" scoped src=\"./Button.scss\" />\n","<template>\r\n <div>\r\n <h1>{{ textProp }}</h1>\r\n <p>Boolean: {{ booleanProp }}</p>\r\n <p>Number: {{ numberProp }}</p>\r\n <p>Range: {{ rangeProp }}</p>\r\n <p>Radio: {{ radioProp }}</p>\r\n <p>Inline Radio: {{ inlineRadioProp }}</p>\r\n <p>Check: {{ checkProp }}</p>\r\n <p>Inline Check: {{ inlineCheckProp }}</p>\r\n <p>Select: {{ selectProp }}</p>\r\n <p>Multi-Select: {{ multiSelectProp }}</p>\r\n <p>Object: {{ objectProp }}</p>\r\n <p>Array: {{ arrayProp }}</p>\r\n <p>\r\n Color:\r\n <span :style=\"{ backgroundColor: colorProp }\">{{ colorProp }}</span>\r\n </p>\r\n <p>Date: {{ dateProp }}</p>\r\n <p>File: {{ fileProp ? fileProp.name : 'No file selected' }}</p>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'Teste',\r\n props: {\r\n textProp: {\r\n type: String,\r\n default: 'Hello Storybook'\r\n },\r\n booleanProp: {\r\n type: Boolean,\r\n default: true\r\n },\r\n numberProp: {\r\n type: Number,\r\n default: 42\r\n },\r\n rangeProp: {\r\n type: Number,\r\n default: 50\r\n },\r\n radioProp: {\r\n type: String,\r\n default: 'Option 1'\r\n },\r\n inlineRadioProp: {\r\n type: String,\r\n default: 'Option 1'\r\n },\r\n checkProp: {\r\n type: Array,\r\n default: () => ['Option 1', 'Option 3']\r\n },\r\n inlineCheckProp: {\r\n type: Array,\r\n default: () => ['Option 1', 'Option 3']\r\n },\r\n selectProp: {\r\n type: String,\r\n default: 'Option 2'\r\n },\r\n multiSelectProp: {\r\n type: Array,\r\n default: () => ['Option 1', 'Option 2']\r\n },\r\n objectProp: {\r\n type: Object,\r\n default: () => ({ key1: 'value1', key2: 'value2' })\r\n },\r\n arrayProp: {\r\n type: Array,\r\n default: () => ['Item 1', 'Item 2']\r\n },\r\n colorProp: {\r\n type: String,\r\n default: '#ff00ff'\r\n },\r\n dateProp: {\r\n type: String,\r\n default: new Date().toISOString().substr(0, 10)\r\n },\r\n fileProp: {\r\n type: Object,\r\n default: null\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\ndiv {\r\n padding: 20px;\r\n}\r\n</style>\r\n","import { App } from 'vue'\nimport './styles/style.scss'\nimport * as components from './components'\n\nconst install = (app: App): void => {\n Object.entries(components).forEach(([name, component]) => {\n app.component(name, component)\n })\n}\n\nexport default { install }\n\nexport * from './components'\n"],"names":["computed","_createElementBlock","_createElementVNode","_toDisplayString","_createTextVNode","_normalizeStyle"],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,92 +1,43 @@
|
|
1
1
|
{
|
2
2
|
"name": "hp-design-system",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.21",
|
4
4
|
"type": "module",
|
5
|
-
"main": "dist/hp-design-system.umd.js",
|
5
|
+
"main": "./dist/hp-design-system.umd.js",
|
6
|
+
"module": "./dist/hp-design-system.es.js",
|
7
|
+
"types": "./dist/index.d.ts",
|
8
|
+
"files": ["dist"],
|
9
|
+
"exports": {
|
10
|
+
".": {
|
11
|
+
"types": "./dist/index.d.ts",
|
12
|
+
"import": "./dist/hp-design-system.es.js",
|
13
|
+
"require": "./dist/hp-design-system.umd.js"
|
14
|
+
},
|
15
|
+
"./styles": "./dist/css/style.css",
|
16
|
+
"./assets/*": "./dist/assets/*"
|
17
|
+
},
|
6
18
|
"scripts": {
|
7
19
|
"dev": "vite",
|
8
|
-
"clean:cache": "rimraf node_modules/.vite",
|
9
|
-
"generate-icons": "ts-node src/scripts/generateIconList.ts",
|
10
20
|
"build": "rimraf dist && vue-tsc && vite build",
|
11
21
|
"preview": "vite preview",
|
12
22
|
"storybook": "storybook dev -p 6006",
|
13
23
|
"build-storybook": "storybook build",
|
14
|
-
"lint": "eslint src/**/*.{js,vue,ts} --fix"
|
15
|
-
|
16
|
-
|
24
|
+
"lint": "eslint src/**/*.{js,vue,ts} --fix"
|
25
|
+
},
|
26
|
+
"peerDependencies": {
|
27
|
+
"vue": "^3.4.35",
|
28
|
+
"sass": "^1.89.2"
|
17
29
|
},
|
18
30
|
"dependencies": {
|
19
31
|
"@vitejs/plugin-vue": "^5.0.5",
|
20
|
-
"@vue/compiler-sfc": "^3.4.35",
|
21
32
|
"vue": "^3.4.35"
|
22
33
|
},
|
23
|
-
"lint-staged": {
|
24
|
-
"*.{js,vue,ts}": "npm run lint"
|
25
|
-
},
|
26
|
-
"husky": {
|
27
|
-
"hooks": {
|
28
|
-
"commit-msg": "npm run commitlint"
|
29
|
-
}
|
30
|
-
},
|
31
34
|
"devDependencies": {
|
32
|
-
"@chromatic-com/storybook": "^1.5.0",
|
33
|
-
"@commitlint/cli": "^19.3.0",
|
34
|
-
"@commitlint/config-conventional": "^19.2.2",
|
35
|
-
"@commitlint/types": "^19.0.3",
|
36
|
-
"@storybook/addon-essentials": "^8.1.10",
|
37
|
-
"@storybook/addon-interactions": "^8.1.10",
|
38
|
-
"@storybook/addon-links": "^8.1.10",
|
39
|
-
"@storybook/blocks": "^8.1.10",
|
40
|
-
"@storybook/test": "^8.1.10",
|
41
|
-
"@storybook/vue3": "^8.1.10",
|
42
35
|
"@storybook/vue3-vite": "^8.1.10",
|
43
|
-
"
|
44
|
-
"@types/node": "^20.14.8",
|
45
|
-
"@types/vue": "^2.0.0",
|
46
|
-
"@vue/runtime-dom": "^3.4.30",
|
47
|
-
"eslint": "^7.32.0",
|
48
|
-
"eslint-config-prettier": "^8.10.0",
|
49
|
-
"eslint-plugin-prettier": "^4.2.1",
|
50
|
-
"git-commit-msg-linter": "^2.7.0",
|
51
|
-
"hp-eslint-vue3": "^1.0.20",
|
52
|
-
"husky": "^7.0.4",
|
53
|
-
"lint-staged": "^15.2.7",
|
54
|
-
"prettier": "^3.3.2",
|
55
|
-
"pretty-quick": "^4.0.0",
|
56
|
-
"rimraf": "^5.0.1",
|
57
|
-
"sass": "^1.63.6",
|
58
|
-
"storybook": "^8.1.10",
|
59
|
-
"ts-node": "^10.9.2",
|
36
|
+
"sass": "^1.89.2",
|
60
37
|
"typescript": "^5.5.4",
|
61
38
|
"vite": "^5.3.1",
|
62
39
|
"vite-plugin-static-copy": "^1.0.6",
|
63
40
|
"vite-plugin-svg-icons": "^2.0.1",
|
64
41
|
"vue-tsc": "^2.0.21"
|
65
|
-
},
|
66
|
-
"files": [
|
67
|
-
"src",
|
68
|
-
"dist",
|
69
|
-
"assets/styles/colors.scss"
|
70
|
-
],
|
71
|
-
"module": "./dist/hp-design-system.es.js",
|
72
|
-
"exports": {
|
73
|
-
".": {
|
74
|
-
"types": "./dist/types/index.d.ts",
|
75
|
-
"import": "./dist/hp-design-system.es.js"
|
76
|
-
},
|
77
|
-
"./icons": "./dist/assets/icons",
|
78
|
-
"./components": "./dist/components",
|
79
|
-
"./dist/style.scss": "./dist/style.scss",
|
80
|
-
"./styles/colors.scss": "./styles/colors.scss"
|
81
|
-
},
|
82
|
-
"eslintConfig": {
|
83
|
-
"extends": "eslint:recommended",
|
84
|
-
"env": {
|
85
|
-
"browser": true,
|
86
|
-
"node": true
|
87
|
-
},
|
88
|
-
"parserOptions": {
|
89
|
-
"ecmaVersion": 12
|
90
|
-
}
|
91
42
|
}
|
92
|
-
}
|
43
|
+
}
|
@@ -1,265 +0,0 @@
|
|
1
|
-
import { computed as y, openBlock as c, createElementBlock as i, normalizeClass as m, normalizeStyle as d, createElementVNode as o, defineComponent as p, createVNode as h, createCommentVNode as k, toDisplayString as l, pushScopeId as g, popScopeId as P, createTextVNode as S } from "vue";
|
2
|
-
const _ = ["xlink:href"], f = {
|
3
|
-
__name: "Icon",
|
4
|
-
props: {
|
5
|
-
name: {
|
6
|
-
type: String,
|
7
|
-
required: !0
|
8
|
-
},
|
9
|
-
size: {
|
10
|
-
type: String,
|
11
|
-
default: "md"
|
12
|
-
},
|
13
|
-
color: {
|
14
|
-
type: String,
|
15
|
-
default: "currentColor"
|
16
|
-
}
|
17
|
-
},
|
18
|
-
setup(e) {
|
19
|
-
const n = e, t = y(() => ({
|
20
|
-
sm: "icon-small",
|
21
|
-
md: "icon-medium",
|
22
|
-
lg: "icon-large"
|
23
|
-
})[n.size] || "icon-medium");
|
24
|
-
return (a, r) => (c(), i("svg", {
|
25
|
-
class: m(["icon", t.value]),
|
26
|
-
xmlns: "http://www.w3.org/2000/svg",
|
27
|
-
"aria-hidden": "true",
|
28
|
-
style: d({ fill: e.color })
|
29
|
-
}, [
|
30
|
-
o("use", {
|
31
|
-
"xlink:href": `#icon-${e.name}`
|
32
|
-
}, null, 8, _)
|
33
|
-
], 6));
|
34
|
-
}
|
35
|
-
}, C = ["aria-label", "aria-disabled"], x = {
|
36
|
-
key: 0,
|
37
|
-
class: "button-icon"
|
38
|
-
}, O = { class: "button-label" }, v = /* @__PURE__ */ p({
|
39
|
-
__name: "Button",
|
40
|
-
props: {
|
41
|
-
label: {
|
42
|
-
type: String,
|
43
|
-
required: !0
|
44
|
-
},
|
45
|
-
ariaLabel: {
|
46
|
-
type: String,
|
47
|
-
default: ""
|
48
|
-
},
|
49
|
-
backgroundColor: {
|
50
|
-
type: String,
|
51
|
-
default: ""
|
52
|
-
},
|
53
|
-
labelColor: {
|
54
|
-
type: String,
|
55
|
-
default: ""
|
56
|
-
},
|
57
|
-
size: {
|
58
|
-
type: String,
|
59
|
-
default: ""
|
60
|
-
},
|
61
|
-
disabled: {
|
62
|
-
type: Boolean,
|
63
|
-
default: !1
|
64
|
-
},
|
65
|
-
icon: {
|
66
|
-
type: String,
|
67
|
-
default: ""
|
68
|
-
},
|
69
|
-
iconPosition: {
|
70
|
-
type: String,
|
71
|
-
default: ""
|
72
|
-
}
|
73
|
-
},
|
74
|
-
emits: ["click"],
|
75
|
-
setup(e, { emit: n }) {
|
76
|
-
const t = e, a = n, r = (u) => {
|
77
|
-
t.disabled || a("click", u);
|
78
|
-
};
|
79
|
-
return (u, R) => (c(), i("button", {
|
80
|
-
class: "button",
|
81
|
-
"aria-label": e.ariaLabel || e.label,
|
82
|
-
onClick: r,
|
83
|
-
"aria-disabled": e.disabled
|
84
|
-
}, [
|
85
|
-
e.icon ? (c(), i("span", x, [
|
86
|
-
h(f, {
|
87
|
-
name: e.icon,
|
88
|
-
size: "sm",
|
89
|
-
color: "white"
|
90
|
-
}, null, 8, ["name"])
|
91
|
-
])) : k("", !0),
|
92
|
-
o("span", O, l(e.label), 1)
|
93
|
-
], 8, C));
|
94
|
-
}
|
95
|
-
}), I = (e) => (g("data-v-7d29c03a"), e = e(), P(), e), w = ["checked"], B = /* @__PURE__ */ I(() => /* @__PURE__ */ o("label", {
|
96
|
-
class: "check",
|
97
|
-
for: "check"
|
98
|
-
}, [
|
99
|
-
/* @__PURE__ */ o("span", null, [
|
100
|
-
/* @__PURE__ */ o("svg", {
|
101
|
-
width: "12px",
|
102
|
-
height: "9px",
|
103
|
-
viewbox: "0 0 12 9"
|
104
|
-
}, [
|
105
|
-
/* @__PURE__ */ o("polyline", { points: "1 5 4 8 11 1" })
|
106
|
-
])
|
107
|
-
])
|
108
|
-
], -1)), H = { class: "checkbox-label" }, j = /* @__PURE__ */ p({
|
109
|
-
__name: "Checkbox",
|
110
|
-
props: {
|
111
|
-
checked: {
|
112
|
-
type: Boolean,
|
113
|
-
required: !1
|
114
|
-
},
|
115
|
-
label: {
|
116
|
-
type: String,
|
117
|
-
required: !1
|
118
|
-
},
|
119
|
-
backgroundColor: {
|
120
|
-
type: String,
|
121
|
-
required: !1
|
122
|
-
},
|
123
|
-
checkColor: {
|
124
|
-
type: String,
|
125
|
-
required: !1
|
126
|
-
},
|
127
|
-
borderColor: {
|
128
|
-
type: String,
|
129
|
-
required: !1
|
130
|
-
}
|
131
|
-
},
|
132
|
-
setup(e) {
|
133
|
-
return (n, t) => (c(), i("div", {
|
134
|
-
class: "checkbox",
|
135
|
-
style: d({
|
136
|
-
"--background-color": e.backgroundColor || "#8f44fd",
|
137
|
-
"--border-color": e.borderColor || "#8f44fd",
|
138
|
-
"--check-color": e.checkColor || "#f9f9f9"
|
139
|
-
})
|
140
|
-
}, [
|
141
|
-
o("input", {
|
142
|
-
class: "input",
|
143
|
-
id: "check",
|
144
|
-
checked: e.checked,
|
145
|
-
type: "checkbox",
|
146
|
-
style: { display: "none" }
|
147
|
-
}, null, 8, w),
|
148
|
-
B,
|
149
|
-
o("span", H, l(e.label), 1)
|
150
|
-
], 4));
|
151
|
-
}
|
152
|
-
}), b = (e, n) => {
|
153
|
-
const t = e.__vccOpts || e;
|
154
|
-
for (const [a, r] of n)
|
155
|
-
t[a] = r;
|
156
|
-
return t;
|
157
|
-
}, z = /* @__PURE__ */ b(j, [["__scopeId", "data-v-7d29c03a"]]), N = {
|
158
|
-
name: "Teste",
|
159
|
-
props: {
|
160
|
-
textProp: {
|
161
|
-
type: String,
|
162
|
-
default: "Hello Storybook"
|
163
|
-
},
|
164
|
-
booleanProp: {
|
165
|
-
type: Boolean,
|
166
|
-
default: !0
|
167
|
-
},
|
168
|
-
numberProp: {
|
169
|
-
type: Number,
|
170
|
-
default: 42
|
171
|
-
},
|
172
|
-
rangeProp: {
|
173
|
-
type: Number,
|
174
|
-
default: 50
|
175
|
-
},
|
176
|
-
radioProp: {
|
177
|
-
type: String,
|
178
|
-
default: "Option 1"
|
179
|
-
},
|
180
|
-
inlineRadioProp: {
|
181
|
-
type: String,
|
182
|
-
default: "Option 1"
|
183
|
-
},
|
184
|
-
checkProp: {
|
185
|
-
type: Array,
|
186
|
-
default: () => ["Option 1", "Option 3"]
|
187
|
-
},
|
188
|
-
inlineCheckProp: {
|
189
|
-
type: Array,
|
190
|
-
default: () => ["Option 1", "Option 3"]
|
191
|
-
},
|
192
|
-
selectProp: {
|
193
|
-
type: String,
|
194
|
-
default: "Option 2"
|
195
|
-
},
|
196
|
-
multiSelectProp: {
|
197
|
-
type: Array,
|
198
|
-
default: () => ["Option 1", "Option 2"]
|
199
|
-
},
|
200
|
-
objectProp: {
|
201
|
-
type: Object,
|
202
|
-
default: () => ({ key1: "value1", key2: "value2" })
|
203
|
-
},
|
204
|
-
arrayProp: {
|
205
|
-
type: Array,
|
206
|
-
default: () => ["Item 1", "Item 2"]
|
207
|
-
},
|
208
|
-
colorProp: {
|
209
|
-
type: String,
|
210
|
-
default: "#ff00ff"
|
211
|
-
},
|
212
|
-
dateProp: {
|
213
|
-
type: String,
|
214
|
-
default: (/* @__PURE__ */ new Date()).toISOString().substr(0, 10)
|
215
|
-
},
|
216
|
-
fileProp: {
|
217
|
-
type: Object,
|
218
|
-
default: null
|
219
|
-
}
|
220
|
-
}
|
221
|
-
};
|
222
|
-
function q(e, n, t, a, r, u) {
|
223
|
-
return c(), i("div", null, [
|
224
|
-
o("h1", null, l(t.textProp), 1),
|
225
|
-
o("p", null, "Boolean: " + l(t.booleanProp), 1),
|
226
|
-
o("p", null, "Number: " + l(t.numberProp), 1),
|
227
|
-
o("p", null, "Range: " + l(t.rangeProp), 1),
|
228
|
-
o("p", null, "Radio: " + l(t.radioProp), 1),
|
229
|
-
o("p", null, "Inline Radio: " + l(t.inlineRadioProp), 1),
|
230
|
-
o("p", null, "Check: " + l(t.checkProp), 1),
|
231
|
-
o("p", null, "Inline Check: " + l(t.inlineCheckProp), 1),
|
232
|
-
o("p", null, "Select: " + l(t.selectProp), 1),
|
233
|
-
o("p", null, "Multi-Select: " + l(t.multiSelectProp), 1),
|
234
|
-
o("p", null, "Object: " + l(t.objectProp), 1),
|
235
|
-
o("p", null, "Array: " + l(t.arrayProp), 1),
|
236
|
-
o("p", null, [
|
237
|
-
S(" Color: "),
|
238
|
-
o("span", {
|
239
|
-
style: d({ backgroundColor: t.colorProp })
|
240
|
-
}, l(t.colorProp), 5)
|
241
|
-
]),
|
242
|
-
o("p", null, "Date: " + l(t.dateProp), 1),
|
243
|
-
o("p", null, "File: " + l(t.fileProp ? t.fileProp.name : "No file selected"), 1)
|
244
|
-
]);
|
245
|
-
}
|
246
|
-
const T = /* @__PURE__ */ b(N, [["render", q], ["__scopeId", "data-v-65be170a"]]), s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
247
|
-
__proto__: null,
|
248
|
-
HpButton: v,
|
249
|
-
HpCheckbox: z,
|
250
|
-
HpIcon: f,
|
251
|
-
HpTeste: T
|
252
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
253
|
-
function A(e) {
|
254
|
-
Object.keys(s).forEach((n) => {
|
255
|
-
e.component(n, s[n]);
|
256
|
-
});
|
257
|
-
}
|
258
|
-
const D = { install: A };
|
259
|
-
export {
|
260
|
-
v as HpButton,
|
261
|
-
z as HpCheckbox,
|
262
|
-
f as HpIcon,
|
263
|
-
T as HpTeste,
|
264
|
-
D as default
|
265
|
-
};
|
package/dist/style.css
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
.icon{width:2em;height:2em;fill:currentColor}.icon-small{width:1em;height:1em}.icon-medium{width:2em;height:2em}.icon-large{width:3em;height:3em}.button{display:flex;align-items:center;padding:12px 24px;border:0;border-radius:8px;min-width:120px;cursor:pointer;outline:none;font-size:17px;color:#fff;font-weight:600}.button:hover{transform:scale(1.0175)}.button:active{transform:scale(.985)}.button:focus{border:1px solid #333131}.button:disabled{cursor:not-allowed;opacity:.5}.button-icon{margin-right:.5rem}.button-label{display:block}.checkbox[data-v-7d29c03a]{display:flex;align-items:center;flex-direction:row}.checkbox .check[data-v-7d29c03a]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.checkbox .check span[data-v-7d29c03a]{display:inline-block;vertical-align:middle;transform:translateZ(0)}.checkbox .check span[data-v-7d29c03a]:first-child{position:relative;width:24px;height:24px;border-radius:50%;transform:scale(1);vertical-align:middle;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.checkbox .check span:first-child svg[data-v-7d29c03a]{position:absolute;z-index:1;top:8px;left:6px;fill:none;stroke:var(--check-color, #f9f9f9);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.checkbox .check span[data-v-7d29c03a]:first-child:before{content:"";width:100%;height:100%;background:var(--background-color, #8f44fd);display:block;transform:scale(0);opacity:1;border-radius:50%;transition-delay:.2s}.checkbox .check:hover span[data-v-7d29c03a]:first-child{border-color:var(--border-color, #8f44fd)}.checkbox .input:checked+.check span[data-v-7d29c03a]:first-child{border-color:var(--border-color, #8f44fd);background:var(--background-color, #8f44fd);animation:check-7d29c03a .6s ease}.checkbox .input:checked+.check span:first-child svg[data-v-7d29c03a]{stroke-dashoffset:0}.checkbox .input:checked+.check span[data-v-7d29c03a]:first-child:before{transform:scale(2.2);opacity:0;transition:all .6s ease}.checkbox .input:checked+.check span[data-v-7d29c03a]:last-child{color:#ffffff1a;transition:all .3s ease}.checkbox .input:checked+.check span[data-v-7d29c03a]:last-child:after{transform:scaleX(1);transition:all .3s ease}@keyframes check-7d29c03a{50%{transform:scale(1.2)}}.checkbox-label[data-v-7d29c03a]{display:inline-block;margin-left:8px;color:var(--check-color, #f9f9f9);font-size:14px}div[data-v-65be170a]{padding:20px}
|
@@ -1,80 +0,0 @@
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
2
|
-
label: {
|
3
|
-
type: StringConstructor;
|
4
|
-
required: true;
|
5
|
-
};
|
6
|
-
ariaLabel: {
|
7
|
-
type: StringConstructor;
|
8
|
-
default: string;
|
9
|
-
};
|
10
|
-
backgroundColor: {
|
11
|
-
type: StringConstructor;
|
12
|
-
default: string;
|
13
|
-
};
|
14
|
-
labelColor: {
|
15
|
-
type: StringConstructor;
|
16
|
-
default: string;
|
17
|
-
};
|
18
|
-
size: {
|
19
|
-
type: StringConstructor;
|
20
|
-
default: string;
|
21
|
-
};
|
22
|
-
disabled: {
|
23
|
-
type: BooleanConstructor;
|
24
|
-
default: boolean;
|
25
|
-
};
|
26
|
-
icon: {
|
27
|
-
type: StringConstructor;
|
28
|
-
default: string;
|
29
|
-
};
|
30
|
-
iconPosition: {
|
31
|
-
type: StringConstructor;
|
32
|
-
default: string;
|
33
|
-
};
|
34
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
35
|
-
click: (...args: any[]) => void;
|
36
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
37
|
-
label: {
|
38
|
-
type: StringConstructor;
|
39
|
-
required: true;
|
40
|
-
};
|
41
|
-
ariaLabel: {
|
42
|
-
type: StringConstructor;
|
43
|
-
default: string;
|
44
|
-
};
|
45
|
-
backgroundColor: {
|
46
|
-
type: StringConstructor;
|
47
|
-
default: string;
|
48
|
-
};
|
49
|
-
labelColor: {
|
50
|
-
type: StringConstructor;
|
51
|
-
default: string;
|
52
|
-
};
|
53
|
-
size: {
|
54
|
-
type: StringConstructor;
|
55
|
-
default: string;
|
56
|
-
};
|
57
|
-
disabled: {
|
58
|
-
type: BooleanConstructor;
|
59
|
-
default: boolean;
|
60
|
-
};
|
61
|
-
icon: {
|
62
|
-
type: StringConstructor;
|
63
|
-
default: string;
|
64
|
-
};
|
65
|
-
iconPosition: {
|
66
|
-
type: StringConstructor;
|
67
|
-
default: string;
|
68
|
-
};
|
69
|
-
}>> & {
|
70
|
-
onClick?: ((...args: any[]) => any) | undefined;
|
71
|
-
}, {
|
72
|
-
ariaLabel: string;
|
73
|
-
backgroundColor: string;
|
74
|
-
labelColor: string;
|
75
|
-
size: string;
|
76
|
-
disabled: boolean;
|
77
|
-
icon: string;
|
78
|
-
iconPosition: string;
|
79
|
-
}, {}>;
|
80
|
-
export default _default;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {
|
2
|
-
size: string;
|
3
|
-
color: string;
|
4
|
-
name: string;
|
5
|
-
$props: {
|
6
|
-
readonly size?: string | undefined;
|
7
|
-
readonly color?: string | undefined;
|
8
|
-
readonly name?: string | undefined;
|
9
|
-
};
|
10
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
11
|
-
export default _default;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {
|
2
|
-
color: string;
|
3
|
-
$props: {
|
4
|
-
readonly color?: string | undefined;
|
5
|
-
};
|
6
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
7
|
-
export default _default;
|
@@ -1,58 +0,0 @@
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
2
|
-
isDarkMode: {
|
3
|
-
type: BooleanConstructor;
|
4
|
-
required: true;
|
5
|
-
};
|
6
|
-
icons: {
|
7
|
-
type: {
|
8
|
-
(arrayLength: number): string[];
|
9
|
-
(...items: string[]): string[];
|
10
|
-
new (arrayLength: number): string[];
|
11
|
-
new (...items: string[]): string[];
|
12
|
-
isArray(arg: any): arg is any[];
|
13
|
-
readonly prototype: any[];
|
14
|
-
from<T>(arrayLike: ArrayLike<T>): T[];
|
15
|
-
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
16
|
-
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
17
|
-
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
18
|
-
of<T>(...items: T[]): T[];
|
19
|
-
fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
|
20
|
-
fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
|
21
|
-
readonly [Symbol.species]: ArrayConstructor;
|
22
|
-
};
|
23
|
-
required: true;
|
24
|
-
};
|
25
|
-
color: {
|
26
|
-
type: StringConstructor;
|
27
|
-
required: true;
|
28
|
-
};
|
29
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
30
|
-
isDarkMode: {
|
31
|
-
type: BooleanConstructor;
|
32
|
-
required: true;
|
33
|
-
};
|
34
|
-
icons: {
|
35
|
-
type: {
|
36
|
-
(arrayLength: number): string[];
|
37
|
-
(...items: string[]): string[];
|
38
|
-
new (arrayLength: number): string[];
|
39
|
-
new (...items: string[]): string[];
|
40
|
-
isArray(arg: any): arg is any[];
|
41
|
-
readonly prototype: any[];
|
42
|
-
from<T>(arrayLike: ArrayLike<T>): T[];
|
43
|
-
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
44
|
-
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
45
|
-
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
46
|
-
of<T>(...items: T[]): T[];
|
47
|
-
fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
|
48
|
-
fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
|
49
|
-
readonly [Symbol.species]: ArrayConstructor;
|
50
|
-
};
|
51
|
-
required: true;
|
52
|
-
};
|
53
|
-
color: {
|
54
|
-
type: StringConstructor;
|
55
|
-
required: true;
|
56
|
-
};
|
57
|
-
}>>, {}, {}>;
|
58
|
-
export default _default;
|
@@ -1,46 +0,0 @@
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
2
|
-
checked: {
|
3
|
-
type: BooleanConstructor;
|
4
|
-
required: false;
|
5
|
-
};
|
6
|
-
label: {
|
7
|
-
type: StringConstructor;
|
8
|
-
required: false;
|
9
|
-
};
|
10
|
-
backgroundColor: {
|
11
|
-
type: StringConstructor;
|
12
|
-
required: false;
|
13
|
-
};
|
14
|
-
checkColor: {
|
15
|
-
type: StringConstructor;
|
16
|
-
required: false;
|
17
|
-
};
|
18
|
-
borderColor: {
|
19
|
-
type: StringConstructor;
|
20
|
-
required: false;
|
21
|
-
};
|
22
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
23
|
-
checked: {
|
24
|
-
type: BooleanConstructor;
|
25
|
-
required: false;
|
26
|
-
};
|
27
|
-
label: {
|
28
|
-
type: StringConstructor;
|
29
|
-
required: false;
|
30
|
-
};
|
31
|
-
backgroundColor: {
|
32
|
-
type: StringConstructor;
|
33
|
-
required: false;
|
34
|
-
};
|
35
|
-
checkColor: {
|
36
|
-
type: StringConstructor;
|
37
|
-
required: false;
|
38
|
-
};
|
39
|
-
borderColor: {
|
40
|
-
type: StringConstructor;
|
41
|
-
required: false;
|
42
|
-
};
|
43
|
-
}>>, {
|
44
|
-
checked: boolean;
|
45
|
-
}, {}>;
|
46
|
-
export default _default;
|
@@ -1,37 +0,0 @@
|
|
1
|
-
import type { Meta, StoryFn } from '@storybook/vue3';
|
2
|
-
declare const meta: Meta;
|
3
|
-
export default meta;
|
4
|
-
export declare const Primary: StoryFn<{
|
5
|
-
textProp: string;
|
6
|
-
booleanProp: boolean;
|
7
|
-
numberProp: number;
|
8
|
-
rangeProp: number;
|
9
|
-
radioProp: string;
|
10
|
-
inlineRadioProp: string;
|
11
|
-
checkProp: string[];
|
12
|
-
inlineCheckProp: string[];
|
13
|
-
selectProp: string;
|
14
|
-
multiSelectProp: string[];
|
15
|
-
objectProp: Record<string, any>;
|
16
|
-
arrayProp: any[];
|
17
|
-
colorProp: string;
|
18
|
-
dateProp: string;
|
19
|
-
fileProp: File | null;
|
20
|
-
}>;
|
21
|
-
export declare const Secondary: StoryFn<{
|
22
|
-
textProp: string;
|
23
|
-
booleanProp: boolean;
|
24
|
-
numberProp: number;
|
25
|
-
rangeProp: number;
|
26
|
-
radioProp: string;
|
27
|
-
inlineRadioProp: string;
|
28
|
-
checkProp: string[];
|
29
|
-
inlineCheckProp: string[];
|
30
|
-
selectProp: string;
|
31
|
-
multiSelectProp: string[];
|
32
|
-
objectProp: Record<string, any>;
|
33
|
-
arrayProp: any[];
|
34
|
-
colorProp: string;
|
35
|
-
dateProp: string;
|
36
|
-
fileProp: File | null;
|
37
|
-
}>;
|