hp-design-system 1.0.21 → 1.0.22

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 (198) hide show
  1. package/dist/css/index.css +1 -85
  2. package/dist/hp-design-system.es.js +308 -0
  3. package/dist/hp-design-system.es.js.map +1 -0
  4. package/dist/hp-design-system.umd.js +320 -0
  5. package/dist/hp-design-system.umd.js.map +1 -0
  6. package/package.json +14 -4
  7. package/dist/assets/icons/AA0010.svg +0 -24
  8. package/dist/assets/icons/AA0020.svg +0 -22
  9. package/dist/assets/icons/AA0030.svg +0 -6
  10. package/dist/assets/icons/AA0040.svg +0 -20
  11. package/dist/assets/icons/AA0050.svg +0 -20
  12. package/dist/assets/icons/AA0060.svg +0 -29
  13. package/dist/assets/icons/AA0070.svg +0 -28
  14. package/dist/assets/icons/AB0010.svg +0 -24
  15. package/dist/assets/icons/AB0020.svg +0 -24
  16. package/dist/assets/icons/AB0030.svg +0 -2
  17. package/dist/assets/icons/AB0040.svg +0 -24
  18. package/dist/assets/icons/AB0050.svg +0 -37
  19. package/dist/assets/icons/AC0010.svg +0 -20
  20. package/dist/assets/icons/AC0020.svg +0 -25
  21. package/dist/assets/icons/AC0030.svg +0 -22
  22. package/dist/assets/icons/AC0040.svg +0 -20
  23. package/dist/assets/icons/AD0010.svg +0 -25
  24. package/dist/assets/icons/AD0020.svg +0 -2
  25. package/dist/assets/icons/AD0030.svg +0 -22
  26. package/dist/assets/icons/AD0040.svg +0 -27
  27. package/dist/assets/icons/AD0050.svg +0 -30
  28. package/dist/assets/icons/AE0010.svg +0 -22
  29. package/dist/assets/icons/AE0020.svg +0 -26
  30. package/dist/assets/icons/AE0030.svg +0 -20
  31. package/dist/assets/icons/AE0040.svg +0 -25
  32. package/dist/assets/icons/AE0050.svg +0 -12
  33. package/dist/assets/icons/AE0060.svg +0 -24
  34. package/dist/assets/icons/AE0070.svg +0 -23
  35. package/dist/assets/icons/BA0010.svg +0 -2
  36. package/dist/assets/icons/BA0020.svg +0 -2
  37. package/dist/assets/icons/BA0030.svg +0 -2
  38. package/dist/assets/icons/BA0031.svg +0 -2
  39. package/dist/assets/icons/BA0040.svg +0 -4
  40. package/dist/assets/icons/BA0050.svg +0 -4
  41. package/dist/assets/icons/BB0010.svg +0 -2
  42. package/dist/assets/icons/BB0011.svg +0 -2
  43. package/dist/assets/icons/BB0012.svg +0 -2
  44. package/dist/assets/icons/BB0013.svg +0 -2
  45. package/dist/assets/icons/BB0020.svg +0 -2
  46. package/dist/assets/icons/BB0021.svg +0 -2
  47. package/dist/assets/icons/BB0022.svg +0 -2
  48. package/dist/assets/icons/BB0023.svg +0 -2
  49. package/dist/assets/icons/BB0030.svg +0 -2
  50. package/dist/assets/icons/BB0031.svg +0 -2
  51. package/dist/assets/icons/BB0032.svg +0 -2
  52. package/dist/assets/icons/BB0033.svg +0 -2
  53. package/dist/assets/icons/BB0040.svg +0 -2
  54. package/dist/assets/icons/BB0041.svg +0 -2
  55. package/dist/assets/icons/BB0042.svg +0 -2
  56. package/dist/assets/icons/BB0043.svg +0 -2
  57. package/dist/assets/icons/BB0050.svg +0 -2
  58. package/dist/assets/icons/BB0051.svg +0 -2
  59. package/dist/assets/icons/BB0052.svg +0 -2
  60. package/dist/assets/icons/BB0053.svg +0 -2
  61. package/dist/assets/icons/BB0060.svg +0 -2
  62. package/dist/assets/icons/BB0061.svg +0 -2
  63. package/dist/assets/icons/BB0062.svg +0 -2
  64. package/dist/assets/icons/BB0063.svg +0 -2
  65. package/dist/assets/icons/BB0070.svg +0 -2
  66. package/dist/assets/icons/BB0071.svg +0 -2
  67. package/dist/assets/icons/BB0072.svg +0 -2
  68. package/dist/assets/icons/BB0073.svg +0 -2
  69. package/dist/assets/icons/BB0080.svg +0 -2
  70. package/dist/assets/icons/BB0081.svg +0 -2
  71. package/dist/assets/icons/BB0082.svg +0 -2
  72. package/dist/assets/icons/BB0083.svg +0 -2
  73. package/dist/assets/icons/BB0090.svg +0 -2
  74. package/dist/assets/icons/BB0091.svg +0 -2
  75. package/dist/assets/icons/BB0092.svg +0 -2
  76. package/dist/assets/icons/BB0093.svg +0 -2
  77. package/dist/assets/icons/BB0100.svg +0 -2
  78. package/dist/assets/icons/BB0101.svg +0 -2
  79. package/dist/assets/icons/BB0102.svg +0 -2
  80. package/dist/assets/icons/BB0103.svg +0 -2
  81. package/dist/assets/icons/BB0110.svg +0 -2
  82. package/dist/assets/icons/BB0111.svg +0 -2
  83. package/dist/assets/icons/BB0112.svg +0 -2
  84. package/dist/assets/icons/BB0113.svg +0 -2
  85. package/dist/assets/icons/BB0120.svg +0 -2
  86. package/dist/assets/icons/BB0121.svg +0 -2
  87. package/dist/assets/icons/BB0122.svg +0 -2
  88. package/dist/assets/icons/BB0123.svg +0 -2
  89. package/dist/assets/icons/BB0130.svg +0 -2
  90. package/dist/assets/icons/BB0131.svg +0 -2
  91. package/dist/assets/icons/BB0132.svg +0 -2
  92. package/dist/assets/icons/BB0133.svg +0 -2
  93. package/dist/assets/icons/BB0140.svg +0 -2
  94. package/dist/assets/icons/BB0141.svg +0 -2
  95. package/dist/assets/icons/BB0142.svg +0 -2
  96. package/dist/assets/icons/BB0143.svg +0 -2
  97. package/dist/assets/icons/BB0150.svg +0 -2
  98. package/dist/assets/icons/BB0151.svg +0 -2
  99. package/dist/assets/icons/BB0152.svg +0 -2
  100. package/dist/assets/icons/BB0153.svg +0 -2
  101. package/dist/assets/icons/BB0160.svg +0 -2
  102. package/dist/assets/icons/BB0161.svg +0 -2
  103. package/dist/assets/icons/BB0162.svg +0 -2
  104. package/dist/assets/icons/BB0163.svg +0 -2
  105. package/dist/assets/icons/BC0010.svg +0 -2
  106. package/dist/assets/icons/BC0011.svg +0 -2
  107. package/dist/assets/icons/BC0012.svg +0 -1
  108. package/dist/assets/icons/BC0013.svg +0 -2
  109. package/dist/assets/icons/BC0014.svg +0 -2
  110. package/dist/assets/icons/BC0015.svg +0 -4
  111. package/dist/assets/icons/BC0016.svg +0 -4
  112. package/dist/assets/icons/BC0017.svg +0 -4
  113. package/dist/assets/icons/BC0018.svg +0 -4
  114. package/dist/assets/icons/BC0019.svg +0 -1
  115. package/dist/assets/icons/BC0020.svg +0 -2
  116. package/dist/assets/icons/BC0021.svg +0 -4
  117. package/dist/assets/icons/BD0010.svg +0 -2
  118. package/dist/assets/icons/BD0020.svg +0 -2
  119. package/dist/assets/icons/BD0030.svg +0 -2
  120. package/dist/assets/icons/BD0040.svg +0 -2
  121. package/dist/assets/icons/BD0043.svg +0 -1
  122. package/dist/assets/icons/BD0050.svg +0 -2
  123. package/dist/assets/icons/BD0051.svg +0 -2
  124. package/dist/assets/icons/BD0060.svg +0 -2
  125. package/dist/assets/icons/BD0070.svg +0 -2
  126. package/dist/assets/icons/BD0071.svg +0 -2
  127. package/dist/assets/icons/BD0080.svg +0 -2
  128. package/dist/assets/icons/BD0081.svg +0 -4
  129. package/dist/assets/icons/BD0082.svg +0 -2
  130. package/dist/assets/icons/BD0090.svg +0 -4
  131. package/dist/assets/icons/BD0100.svg +0 -2
  132. package/dist/assets/icons/BD0110.svg +0 -2
  133. package/dist/assets/icons/BD0120.svg +0 -1
  134. package/dist/assets/icons/BD0130.svg +0 -2
  135. package/dist/assets/icons/BE0010.svg +0 -2
  136. package/dist/assets/icons/BE0011.svg +0 -2
  137. package/dist/assets/icons/BE0012.svg +0 -2
  138. package/dist/assets/icons/BE0013.svg +0 -2
  139. package/dist/assets/icons/BE0020.svg +0 -2
  140. package/dist/assets/icons/BE0030.svg +0 -2
  141. package/dist/assets/icons/BE0031.svg +0 -2
  142. package/dist/assets/icons/BE0032.svg +0 -2
  143. package/dist/assets/icons/BE0033.svg +0 -2
  144. package/dist/assets/icons/BE0040.svg +0 -2
  145. package/dist/assets/icons/BE0041.svg +0 -2
  146. package/dist/assets/icons/BE0042.svg +0 -2
  147. package/dist/assets/icons/BE0043.svg +0 -1
  148. package/dist/assets/icons/BE0050.svg +0 -2
  149. package/dist/assets/icons/BE0051.svg +0 -2
  150. package/dist/assets/icons/BE0052.svg +0 -2
  151. package/dist/assets/icons/BE0053.svg +0 -2
  152. package/dist/assets/icons/BE0060.svg +0 -2
  153. package/dist/assets/icons/BE0070.svg +0 -2
  154. package/dist/assets/icons/BE0080.svg +0 -2
  155. package/dist/assets/icons/BE0090.svg +0 -2
  156. package/dist/assets/icons/BE0100.svg +0 -2
  157. package/dist/assets/icons/BE0110.svg +0 -2
  158. package/dist/assets/icons/BE0120.svg +0 -2
  159. package/dist/assets/icons/BE0130.svg +0 -2
  160. package/dist/assets/icons/BE0140.svg +0 -2
  161. package/dist/assets/icons/BE0150.svg +0 -2
  162. package/dist/assets/icons/BF0010.svg +0 -2
  163. package/dist/assets/icons/BF0011.svg +0 -2
  164. package/dist/assets/icons/BF0020.svg +0 -2
  165. package/dist/assets/icons/BF0021.svg +0 -2
  166. package/dist/assets/icons/BF0030.svg +0 -2
  167. package/dist/assets/icons/BF0031.svg +0 -2
  168. package/dist/assets/icons/BF0040.svg +0 -2
  169. package/dist/assets/icons/BF0050.svg +0 -2
  170. package/dist/assets/icons/BF0060.svg +0 -2
  171. package/dist/assets/icons/BF0061.svg +0 -2
  172. package/dist/assets/icons/BF0070.svg +0 -2
  173. package/dist/assets/icons/BF0080.svg +0 -2
  174. package/dist/assets/icons/BF0090.svg +0 -2
  175. package/dist/assets/icons/BF0100.svg +0 -2
  176. package/dist/assets/icons/BG0010.svg +0 -2
  177. package/dist/assets/icons/BG0011.svg +0 -2
  178. package/dist/assets/icons/BG0020.svg +0 -2
  179. package/dist/assets/icons/BG0030.svg +0 -1
  180. package/dist/assets/icons/BG0040.svg +0 -1
  181. package/dist/assets/icons/BG0050.svg +0 -1
  182. package/dist/assets/icons/BG0060.svg +0 -2
  183. package/dist/assets/icons/BG0070.svg +0 -2
  184. package/dist/assets/icons/CA0010.svg +0 -9
  185. package/dist/assets/icons/CA0020.svg +0 -9
  186. package/dist/assets/icons/CA0030.svg +0 -9
  187. package/dist/assets/icons/CA0040.svg +0 -9
  188. package/dist/assets/icons/CA0050.svg +0 -9
  189. package/dist/assets/icons/CA0060.svg +0 -9
  190. package/dist/assets/icons/CA0070.svg +0 -9
  191. package/dist/assets/icons/CA0080.svg +0 -9
  192. package/dist/assets/icons/CA0090.svg +0 -9
  193. package/dist/assets/icons/CA0100.svg +0 -9
  194. package/dist/assets/icons/CA0110.svg +0 -9
  195. package/dist/assets/icons/CA0120.svg +0 -9
  196. package/dist/assets/icons/CA0130.svg +0 -9
  197. package/dist/js/index.js +0 -320
  198. package/dist/js/index.js.map +0 -1
@@ -0,0 +1,308 @@
1
+ import { computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, defineComponent, createVNode, createCommentVNode, toDisplayString, pushScopeId, popScopeId, createTextVNode } from 'vue';
2
+
3
+ const _hoisted_1$2 = ["xlink:href"];
4
+
5
+
6
+ const _sfc_main$3 = {
7
+ __name: 'Icon',
8
+ props: {
9
+ name: {
10
+ type: String,
11
+ required: true
12
+ },
13
+ size: {
14
+ type: String,
15
+ default: 'md'
16
+ },
17
+ color: {
18
+ type: String,
19
+ default: 'currentColor'
20
+ }
21
+ },
22
+ setup(__props) {
23
+
24
+ const props = __props;
25
+
26
+ const sizeClass = computed(() => {
27
+ return (
28
+ {
29
+ sm: 'icon-small',
30
+ md: 'icon-medium',
31
+ lg: 'icon-large'
32
+ }[props.size] || 'icon-medium'
33
+ )
34
+ });
35
+
36
+ return (_ctx, _cache) => {
37
+ return (openBlock(), createElementBlock("svg", {
38
+ class: normalizeClass(['icon', sizeClass.value]),
39
+ xmlns: "http://www.w3.org/2000/svg",
40
+ "aria-hidden": "true",
41
+ style: normalizeStyle({ fill: __props.color })
42
+ }, [
43
+ createElementVNode("use", {
44
+ "xlink:href": `#icon-${__props.name}`
45
+ }, null, 8, _hoisted_1$2)
46
+ ], 6))
47
+ }
48
+ }
49
+
50
+ };
51
+
52
+ const _hoisted_1$1 = ["aria-label", "aria-disabled"];
53
+ const _hoisted_2$1 = {
54
+ key: 0,
55
+ class: "button-icon"
56
+ };
57
+ const _hoisted_3$1 = { class: "button-label" };
58
+ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
59
+ __name: "Button",
60
+ props: {
61
+ label: {
62
+ type: String,
63
+ required: true
64
+ },
65
+ ariaLabel: {
66
+ type: String,
67
+ default: ""
68
+ },
69
+ backgroundColor: {
70
+ type: String,
71
+ default: ""
72
+ },
73
+ labelColor: {
74
+ type: String,
75
+ default: ""
76
+ },
77
+ size: {
78
+ type: String,
79
+ default: ""
80
+ },
81
+ disabled: {
82
+ type: Boolean,
83
+ default: false
84
+ },
85
+ icon: {
86
+ type: String,
87
+ default: ""
88
+ },
89
+ iconPosition: {
90
+ type: String,
91
+ default: ""
92
+ }
93
+ },
94
+ emits: ["click"],
95
+ setup(__props, { emit: __emit }) {
96
+ const props = __props;
97
+ const emit = __emit;
98
+ const handleClick = (event) => {
99
+ if (!props.disabled) {
100
+ emit("click", event);
101
+ }
102
+ };
103
+ return (_ctx, _cache) => {
104
+ return openBlock(), createElementBlock("button", {
105
+ class: "button",
106
+ "aria-label": __props.ariaLabel || __props.label,
107
+ onClick: handleClick,
108
+ "aria-disabled": __props.disabled
109
+ }, [
110
+ __props.icon ? (openBlock(), createElementBlock("span", _hoisted_2$1, [
111
+ createVNode(_sfc_main$3, {
112
+ name: __props.icon,
113
+ size: "sm",
114
+ color: "white"
115
+ }, null, 8, ["name"])
116
+ ])) : createCommentVNode("", true),
117
+ createElementVNode("span", _hoisted_3$1, toDisplayString(__props.label), 1)
118
+ ], 8, _hoisted_1$1);
119
+ };
120
+ }
121
+ });
122
+
123
+ const _export_sfc = (sfc, props) => {
124
+ const target = sfc.__vccOpts || sfc;
125
+ for (const [key, val] of props) {
126
+ target[key] = val;
127
+ }
128
+ return target;
129
+ };
130
+
131
+ const Button = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3f9c995b"]]);
132
+
133
+ const _withScopeId = (n) => (pushScopeId("data-v-7d29c03a"), n = n(), popScopeId(), n);
134
+ const _hoisted_1 = ["checked"];
135
+ const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("label", {
136
+ class: "check",
137
+ for: "check"
138
+ }, [
139
+ /* @__PURE__ */ createElementVNode("span", null, [
140
+ /* @__PURE__ */ createElementVNode("svg", {
141
+ width: "12px",
142
+ height: "9px",
143
+ viewbox: "0 0 12 9"
144
+ }, [
145
+ /* @__PURE__ */ createElementVNode("polyline", { points: "1 5 4 8 11 1" })
146
+ ])
147
+ ])
148
+ ], -1));
149
+ const _hoisted_3 = { class: "checkbox-label" };
150
+ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
151
+ __name: "Checkbox",
152
+ props: {
153
+ checked: {
154
+ type: Boolean,
155
+ required: false
156
+ },
157
+ label: {
158
+ type: String,
159
+ required: false
160
+ },
161
+ backgroundColor: {
162
+ type: String,
163
+ required: false
164
+ },
165
+ checkColor: {
166
+ type: String,
167
+ required: false
168
+ },
169
+ borderColor: {
170
+ type: String,
171
+ required: false
172
+ }
173
+ },
174
+ setup(__props) {
175
+ return (_ctx, _cache) => {
176
+ return openBlock(), createElementBlock("div", {
177
+ class: "checkbox",
178
+ style: normalizeStyle({
179
+ "--background-color": __props.backgroundColor || "#8f44fd",
180
+ "--border-color": __props.borderColor || "#8f44fd",
181
+ "--check-color": __props.checkColor || "#f9f9f9"
182
+ })
183
+ }, [
184
+ createElementVNode("input", {
185
+ class: "input",
186
+ id: "check",
187
+ checked: __props.checked,
188
+ type: "checkbox",
189
+ style: { "display": "none" }
190
+ }, null, 8, _hoisted_1),
191
+ _hoisted_2,
192
+ createElementVNode("span", _hoisted_3, toDisplayString(__props.label), 1)
193
+ ], 4);
194
+ };
195
+ }
196
+ });
197
+
198
+ const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7d29c03a"]]);
199
+
200
+ const _sfc_main = {
201
+ name: 'Teste',
202
+ props: {
203
+ textProp: {
204
+ type: String,
205
+ default: 'Hello Storybook'
206
+ },
207
+ booleanProp: {
208
+ type: Boolean,
209
+ default: true
210
+ },
211
+ numberProp: {
212
+ type: Number,
213
+ default: 42
214
+ },
215
+ rangeProp: {
216
+ type: Number,
217
+ default: 50
218
+ },
219
+ radioProp: {
220
+ type: String,
221
+ default: 'Option 1'
222
+ },
223
+ inlineRadioProp: {
224
+ type: String,
225
+ default: 'Option 1'
226
+ },
227
+ checkProp: {
228
+ type: Array,
229
+ default: () => ['Option 1', 'Option 3']
230
+ },
231
+ inlineCheckProp: {
232
+ type: Array,
233
+ default: () => ['Option 1', 'Option 3']
234
+ },
235
+ selectProp: {
236
+ type: String,
237
+ default: 'Option 2'
238
+ },
239
+ multiSelectProp: {
240
+ type: Array,
241
+ default: () => ['Option 1', 'Option 2']
242
+ },
243
+ objectProp: {
244
+ type: Object,
245
+ default: () => ({ key1: 'value1', key2: 'value2' })
246
+ },
247
+ arrayProp: {
248
+ type: Array,
249
+ default: () => ['Item 1', 'Item 2']
250
+ },
251
+ colorProp: {
252
+ type: String,
253
+ default: '#ff00ff'
254
+ },
255
+ dateProp: {
256
+ type: String,
257
+ default: new Date().toISOString().substr(0, 10)
258
+ },
259
+ fileProp: {
260
+ type: Object,
261
+ default: null
262
+ }
263
+ }
264
+ };
265
+
266
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
267
+ return (openBlock(), createElementBlock("div", null, [
268
+ createElementVNode("h1", null, toDisplayString($props.textProp), 1),
269
+ createElementVNode("p", null, "Boolean: " + toDisplayString($props.booleanProp), 1),
270
+ createElementVNode("p", null, "Number: " + toDisplayString($props.numberProp), 1),
271
+ createElementVNode("p", null, "Range: " + toDisplayString($props.rangeProp), 1),
272
+ createElementVNode("p", null, "Radio: " + toDisplayString($props.radioProp), 1),
273
+ createElementVNode("p", null, "Inline Radio: " + toDisplayString($props.inlineRadioProp), 1),
274
+ createElementVNode("p", null, "Check: " + toDisplayString($props.checkProp), 1),
275
+ createElementVNode("p", null, "Inline Check: " + toDisplayString($props.inlineCheckProp), 1),
276
+ createElementVNode("p", null, "Select: " + toDisplayString($props.selectProp), 1),
277
+ createElementVNode("p", null, "Multi-Select: " + toDisplayString($props.multiSelectProp), 1),
278
+ createElementVNode("p", null, "Object: " + toDisplayString($props.objectProp), 1),
279
+ createElementVNode("p", null, "Array: " + toDisplayString($props.arrayProp), 1),
280
+ createElementVNode("p", null, [
281
+ createTextVNode(" Color: "),
282
+ createElementVNode("span", {
283
+ style: normalizeStyle({ backgroundColor: $props.colorProp })
284
+ }, toDisplayString($props.colorProp), 5)
285
+ ]),
286
+ createElementVNode("p", null, "Date: " + toDisplayString($props.dateProp), 1),
287
+ createElementVNode("p", null, "File: " + toDisplayString($props.fileProp ? $props.fileProp.name : 'No file selected'), 1)
288
+ ]))
289
+ }
290
+ const Teste = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-65be170a"]]);
291
+
292
+ const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
293
+ __proto__: null,
294
+ HpButton: Button,
295
+ HpCheckbox: Checkbox,
296
+ HpIcon: _sfc_main$3,
297
+ HpTeste: Teste
298
+ }, Symbol.toStringTag, { value: 'Module' }));
299
+
300
+ const install = (app) => {
301
+ Object.entries(components).forEach(([name, component]) => {
302
+ app.component(name, component);
303
+ });
304
+ };
305
+ const index = { install };
306
+
307
+ export { Button as HpButton, Checkbox as HpCheckbox, _sfc_main$3 as HpIcon, Teste as HpTeste, index as default };
308
+ //# sourceMappingURL=hp-design-system.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hp-design-system.es.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":["_createElementBlock","_createElementVNode","_toDisplayString","_createTextVNode","_normalizeStyle"],"mappings":"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"}