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.
Files changed (234) hide show
  1. package/dist/css/index.css +279 -0
  2. package/dist/js/index.js +320 -0
  3. package/dist/js/index.js.map +1 -0
  4. package/package.json +21 -70
  5. package/dist/hp-design-system.es.js +0 -265
  6. package/dist/style.css +0 -1
  7. package/dist/types/src/App.vue.d.ts +0 -2
  8. package/dist/types/src/components/button/Button.vue.d.ts +0 -80
  9. package/dist/types/src/components/icons/icon/Icon.vue.d.ts +0 -11
  10. package/dist/types/src/components/icons/iconList/IconList.vue.d.ts +0 -7
  11. package/dist/types/src/components/icons/iconList/components/IconListButton.vue.d.ts +0 -58
  12. package/dist/types/src/components/index.d.ts +0 -5
  13. package/dist/types/src/components/inputs/checkbox/Checkbox.vue.d.ts +0 -46
  14. package/dist/types/src/components/teste/Teste.stories.d.ts +0 -37
  15. package/dist/types/src/components/teste/Teste.vue.d.ts +0 -146
  16. package/dist/types/src/composables/useTheme.d.ts +0 -0
  17. package/dist/types/src/index.d.ts +0 -7
  18. package/dist/types/src/main.d.ts +0 -2
  19. package/dist/types/stories/IconList.stories.d.ts +0 -7
  20. package/src/App.vue +0 -33
  21. package/src/assets/fonts/Quicksand-Bold.ttf +0 -0
  22. package/src/assets/fonts/Quicksand-Light.ttf +0 -0
  23. package/src/assets/fonts/Quicksand-Medium.ttf +0 -0
  24. package/src/assets/fonts/Quicksand-Regular.ttf +0 -0
  25. package/src/assets/fonts/Quicksand-SemiBold.ttf +0 -0
  26. package/src/assets/icons/AA0010.svg +0 -24
  27. package/src/assets/icons/AA0020.svg +0 -22
  28. package/src/assets/icons/AA0030.svg +0 -6
  29. package/src/assets/icons/AA0040.svg +0 -20
  30. package/src/assets/icons/AA0050.svg +0 -20
  31. package/src/assets/icons/AA0060.svg +0 -29
  32. package/src/assets/icons/AA0070.svg +0 -28
  33. package/src/assets/icons/AB0010.svg +0 -24
  34. package/src/assets/icons/AB0020.svg +0 -24
  35. package/src/assets/icons/AB0030.svg +0 -2
  36. package/src/assets/icons/AB0040.svg +0 -24
  37. package/src/assets/icons/AB0050.svg +0 -37
  38. package/src/assets/icons/AC0010.svg +0 -20
  39. package/src/assets/icons/AC0020.svg +0 -25
  40. package/src/assets/icons/AC0030.svg +0 -22
  41. package/src/assets/icons/AC0040.svg +0 -20
  42. package/src/assets/icons/AD0010.svg +0 -25
  43. package/src/assets/icons/AD0020.svg +0 -2
  44. package/src/assets/icons/AD0030.svg +0 -22
  45. package/src/assets/icons/AD0040.svg +0 -27
  46. package/src/assets/icons/AD0050.svg +0 -30
  47. package/src/assets/icons/AE0010.svg +0 -22
  48. package/src/assets/icons/AE0020.svg +0 -26
  49. package/src/assets/icons/AE0030.svg +0 -20
  50. package/src/assets/icons/AE0040.svg +0 -25
  51. package/src/assets/icons/AE0050.svg +0 -12
  52. package/src/assets/icons/AE0060.svg +0 -24
  53. package/src/assets/icons/AE0070.svg +0 -23
  54. package/src/assets/icons/BA0010.svg +0 -2
  55. package/src/assets/icons/BA0020.svg +0 -2
  56. package/src/assets/icons/BA0030.svg +0 -2
  57. package/src/assets/icons/BA0031.svg +0 -2
  58. package/src/assets/icons/BA0040.svg +0 -4
  59. package/src/assets/icons/BA0050.svg +0 -4
  60. package/src/assets/icons/BB0010.svg +0 -2
  61. package/src/assets/icons/BB0011.svg +0 -2
  62. package/src/assets/icons/BB0012.svg +0 -2
  63. package/src/assets/icons/BB0013.svg +0 -2
  64. package/src/assets/icons/BB0020.svg +0 -2
  65. package/src/assets/icons/BB0021.svg +0 -2
  66. package/src/assets/icons/BB0022.svg +0 -2
  67. package/src/assets/icons/BB0023.svg +0 -2
  68. package/src/assets/icons/BB0030.svg +0 -2
  69. package/src/assets/icons/BB0031.svg +0 -2
  70. package/src/assets/icons/BB0032.svg +0 -2
  71. package/src/assets/icons/BB0033.svg +0 -2
  72. package/src/assets/icons/BB0040.svg +0 -2
  73. package/src/assets/icons/BB0041.svg +0 -2
  74. package/src/assets/icons/BB0042.svg +0 -2
  75. package/src/assets/icons/BB0043.svg +0 -2
  76. package/src/assets/icons/BB0050.svg +0 -2
  77. package/src/assets/icons/BB0051.svg +0 -2
  78. package/src/assets/icons/BB0052.svg +0 -2
  79. package/src/assets/icons/BB0053.svg +0 -2
  80. package/src/assets/icons/BB0060.svg +0 -2
  81. package/src/assets/icons/BB0061.svg +0 -2
  82. package/src/assets/icons/BB0062.svg +0 -2
  83. package/src/assets/icons/BB0063.svg +0 -2
  84. package/src/assets/icons/BB0070.svg +0 -2
  85. package/src/assets/icons/BB0071.svg +0 -2
  86. package/src/assets/icons/BB0072.svg +0 -2
  87. package/src/assets/icons/BB0073.svg +0 -2
  88. package/src/assets/icons/BB0080.svg +0 -2
  89. package/src/assets/icons/BB0081.svg +0 -2
  90. package/src/assets/icons/BB0082.svg +0 -2
  91. package/src/assets/icons/BB0083.svg +0 -2
  92. package/src/assets/icons/BB0090.svg +0 -2
  93. package/src/assets/icons/BB0091.svg +0 -2
  94. package/src/assets/icons/BB0092.svg +0 -2
  95. package/src/assets/icons/BB0093.svg +0 -2
  96. package/src/assets/icons/BB0100.svg +0 -2
  97. package/src/assets/icons/BB0101.svg +0 -2
  98. package/src/assets/icons/BB0102.svg +0 -2
  99. package/src/assets/icons/BB0103.svg +0 -2
  100. package/src/assets/icons/BB0110.svg +0 -2
  101. package/src/assets/icons/BB0111.svg +0 -2
  102. package/src/assets/icons/BB0112.svg +0 -2
  103. package/src/assets/icons/BB0113.svg +0 -2
  104. package/src/assets/icons/BB0120.svg +0 -2
  105. package/src/assets/icons/BB0121.svg +0 -2
  106. package/src/assets/icons/BB0122.svg +0 -2
  107. package/src/assets/icons/BB0123.svg +0 -2
  108. package/src/assets/icons/BB0130.svg +0 -2
  109. package/src/assets/icons/BB0131.svg +0 -2
  110. package/src/assets/icons/BB0132.svg +0 -2
  111. package/src/assets/icons/BB0133.svg +0 -2
  112. package/src/assets/icons/BB0140.svg +0 -2
  113. package/src/assets/icons/BB0141.svg +0 -2
  114. package/src/assets/icons/BB0142.svg +0 -2
  115. package/src/assets/icons/BB0143.svg +0 -2
  116. package/src/assets/icons/BB0150.svg +0 -2
  117. package/src/assets/icons/BB0151.svg +0 -2
  118. package/src/assets/icons/BB0152.svg +0 -2
  119. package/src/assets/icons/BB0153.svg +0 -2
  120. package/src/assets/icons/BB0160.svg +0 -2
  121. package/src/assets/icons/BB0161.svg +0 -2
  122. package/src/assets/icons/BB0162.svg +0 -2
  123. package/src/assets/icons/BB0163.svg +0 -2
  124. package/src/assets/icons/BC0010.svg +0 -2
  125. package/src/assets/icons/BC0011.svg +0 -2
  126. package/src/assets/icons/BC0012.svg +0 -1
  127. package/src/assets/icons/BC0013.svg +0 -2
  128. package/src/assets/icons/BC0014.svg +0 -2
  129. package/src/assets/icons/BC0015.svg +0 -4
  130. package/src/assets/icons/BC0016.svg +0 -4
  131. package/src/assets/icons/BC0017.svg +0 -4
  132. package/src/assets/icons/BC0018.svg +0 -4
  133. package/src/assets/icons/BC0019.svg +0 -1
  134. package/src/assets/icons/BC0020.svg +0 -2
  135. package/src/assets/icons/BC0021.svg +0 -4
  136. package/src/assets/icons/BD0010.svg +0 -2
  137. package/src/assets/icons/BD0020.svg +0 -2
  138. package/src/assets/icons/BD0030.svg +0 -2
  139. package/src/assets/icons/BD0040.svg +0 -2
  140. package/src/assets/icons/BD0043.svg +0 -1
  141. package/src/assets/icons/BD0050.svg +0 -2
  142. package/src/assets/icons/BD0051.svg +0 -2
  143. package/src/assets/icons/BD0060.svg +0 -2
  144. package/src/assets/icons/BD0070.svg +0 -2
  145. package/src/assets/icons/BD0071.svg +0 -2
  146. package/src/assets/icons/BD0080.svg +0 -2
  147. package/src/assets/icons/BD0081.svg +0 -4
  148. package/src/assets/icons/BD0082.svg +0 -2
  149. package/src/assets/icons/BD0090.svg +0 -4
  150. package/src/assets/icons/BD0100.svg +0 -2
  151. package/src/assets/icons/BD0110.svg +0 -2
  152. package/src/assets/icons/BD0120.svg +0 -1
  153. package/src/assets/icons/BD0130.svg +0 -2
  154. package/src/assets/icons/BE0010.svg +0 -2
  155. package/src/assets/icons/BE0011.svg +0 -2
  156. package/src/assets/icons/BE0012.svg +0 -2
  157. package/src/assets/icons/BE0013.svg +0 -2
  158. package/src/assets/icons/BE0020.svg +0 -2
  159. package/src/assets/icons/BE0030.svg +0 -2
  160. package/src/assets/icons/BE0031.svg +0 -2
  161. package/src/assets/icons/BE0032.svg +0 -2
  162. package/src/assets/icons/BE0033.svg +0 -2
  163. package/src/assets/icons/BE0040.svg +0 -2
  164. package/src/assets/icons/BE0041.svg +0 -2
  165. package/src/assets/icons/BE0042.svg +0 -2
  166. package/src/assets/icons/BE0043.svg +0 -1
  167. package/src/assets/icons/BE0050.svg +0 -2
  168. package/src/assets/icons/BE0051.svg +0 -2
  169. package/src/assets/icons/BE0052.svg +0 -2
  170. package/src/assets/icons/BE0053.svg +0 -2
  171. package/src/assets/icons/BE0060.svg +0 -2
  172. package/src/assets/icons/BE0070.svg +0 -2
  173. package/src/assets/icons/BE0080.svg +0 -2
  174. package/src/assets/icons/BE0090.svg +0 -2
  175. package/src/assets/icons/BE0100.svg +0 -2
  176. package/src/assets/icons/BE0110.svg +0 -2
  177. package/src/assets/icons/BE0120.svg +0 -2
  178. package/src/assets/icons/BE0130.svg +0 -2
  179. package/src/assets/icons/BE0140.svg +0 -2
  180. package/src/assets/icons/BE0150.svg +0 -2
  181. package/src/assets/icons/BF0010.svg +0 -2
  182. package/src/assets/icons/BF0011.svg +0 -2
  183. package/src/assets/icons/BF0020.svg +0 -2
  184. package/src/assets/icons/BF0021.svg +0 -2
  185. package/src/assets/icons/BF0030.svg +0 -2
  186. package/src/assets/icons/BF0031.svg +0 -2
  187. package/src/assets/icons/BF0040.svg +0 -2
  188. package/src/assets/icons/BF0050.svg +0 -2
  189. package/src/assets/icons/BF0060.svg +0 -2
  190. package/src/assets/icons/BF0061.svg +0 -2
  191. package/src/assets/icons/BF0070.svg +0 -2
  192. package/src/assets/icons/BF0080.svg +0 -2
  193. package/src/assets/icons/BF0090.svg +0 -2
  194. package/src/assets/icons/BF0100.svg +0 -2
  195. package/src/assets/icons/BG0010.svg +0 -2
  196. package/src/assets/icons/BG0011.svg +0 -2
  197. package/src/assets/icons/BG0020.svg +0 -2
  198. package/src/assets/icons/BG0030.svg +0 -1
  199. package/src/assets/icons/BG0040.svg +0 -1
  200. package/src/assets/icons/BG0050.svg +0 -1
  201. package/src/assets/icons/BG0060.svg +0 -2
  202. package/src/assets/icons/BG0070.svg +0 -2
  203. package/src/assets/icons/CA0010.svg +0 -9
  204. package/src/assets/icons/CA0020.svg +0 -9
  205. package/src/assets/icons/CA0030.svg +0 -9
  206. package/src/assets/icons/CA0040.svg +0 -9
  207. package/src/assets/icons/CA0050.svg +0 -9
  208. package/src/assets/icons/CA0060.svg +0 -9
  209. package/src/assets/icons/CA0070.svg +0 -9
  210. package/src/assets/icons/CA0080.svg +0 -9
  211. package/src/assets/icons/CA0090.svg +0 -9
  212. package/src/assets/icons/CA0100.svg +0 -9
  213. package/src/assets/icons/CA0110.svg +0 -9
  214. package/src/assets/icons/CA0120.svg +0 -9
  215. package/src/assets/icons/CA0130.svg +0 -9
  216. package/src/assets/icons/icons.json +0 -192
  217. package/src/components/button/Button.vue +0 -100
  218. package/src/components/icons/icon/Icon.vue +0 -59
  219. package/src/components/icons/iconList/IconList.vue +0 -172
  220. package/src/components/icons/iconList/components/IconListButton.vue +0 -71
  221. package/src/components/index.ts +0 -6
  222. package/src/components/inputs/checkbox/Checkbox.scss +0 -91
  223. package/src/components/inputs/checkbox/Checkbox.vue +0 -53
  224. package/src/components/teste/Teste.stories.ts +0 -214
  225. package/src/components/teste/Teste.vue +0 -96
  226. package/src/composables/useTheme.ts +0 -0
  227. package/src/index.ts +0 -14
  228. package/src/main.ts +0 -7
  229. package/src/shims-vue.d.ts +0 -5
  230. package/src/style.scss +0 -47
  231. package/src/styles/colors.scss +0 -28
  232. package/src/styles/global.scss +0 -0
  233. package/src/styles/theme.scss +0 -33
  234. 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.19",
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
- "lint:fix": "eslint src/**/*.{js,vue,ts} --fix",
16
- "commitlint": "commitlint --config commitlinterrc.json"
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
- "@types/eslint": "^8.56.10",
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,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2
- export default _default;
@@ -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,5 +0,0 @@
1
- import HpButton from './button/Button.vue';
2
- import HpCheckbox from './inputs/checkbox/Checkbox.vue';
3
- import HpIcon from './icons/icon/Icon.vue';
4
- import HpTeste from './teste/Teste.vue';
5
- export { HpButton, HpCheckbox, HpIcon, HpTeste };
@@ -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
- }>;