veloce-vue 0.20.0 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (255) hide show
  1. package/_virtual/_plugin-vue_export-helper.js +9 -0
  2. package/components/Accordion.vue.d.ts +19 -1
  3. package/components/Accordion.vue.js +91 -0
  4. package/components/Accordion.vue2.js +4 -0
  5. package/components/Badge.vue.d.ts +1 -0
  6. package/components/Badge.vue.js +47 -0
  7. package/components/Badge.vue2.js +4 -0
  8. package/components/Button.vue.d.ts +16 -8
  9. package/components/Button.vue.js +7 -0
  10. package/components/Button.vue2.js +114 -0
  11. package/components/Checkbox.vue.d.ts +6 -7
  12. package/components/Checkbox.vue.js +98 -0
  13. package/components/Checkbox.vue2.js +4 -0
  14. package/components/Chip.vue.d.ts +6 -7
  15. package/components/Chip.vue.js +61 -0
  16. package/components/Chip.vue2.js +4 -0
  17. package/components/Drawer.vue.js +94 -0
  18. package/components/Drawer.vue2.js +4 -0
  19. package/components/Fieldset.vue.d.ts +6 -7
  20. package/components/Fieldset.vue.js +49 -0
  21. package/components/Fieldset.vue2.js +4 -0
  22. package/components/Input.vue.d.ts +11 -12
  23. package/components/Input.vue.js +106 -0
  24. package/components/Input.vue2.js +4 -0
  25. package/components/JsonRenderer.vue.d.ts +14 -0
  26. package/components/JsonRenderer.vue.js +63 -0
  27. package/components/JsonRenderer.vue2.js +4 -0
  28. package/components/Layout.vue.js +83 -0
  29. package/components/Layout.vue2.js +4 -0
  30. package/components/Message.vue.d.ts +97 -8
  31. package/components/Message.vue.js +109 -0
  32. package/components/Message.vue2.js +4 -0
  33. package/components/MiniEditor.vue.d.ts +12 -0
  34. package/components/MiniEditor.vue.js +132 -0
  35. package/components/MiniEditor.vue2.js +4 -0
  36. package/components/Modal.vue.js +73 -0
  37. package/components/Modal.vue2.js +4 -0
  38. package/components/Popover.vue.js +78 -0
  39. package/components/Popover.vue2.js +4 -0
  40. package/components/ProgressBar.vue.js +51 -0
  41. package/components/ProgressBar.vue2.js +4 -0
  42. package/components/ProgressSpinner.vue.js +47 -0
  43. package/components/ProgressSpinner.vue2.js +4 -0
  44. package/components/RangeSlider.vue.js +61 -0
  45. package/components/RangeSlider.vue2.js +4 -0
  46. package/components/Select.vue.js +129 -0
  47. package/components/Select.vue2.js +4 -0
  48. package/components/Separator.vue.d.ts +8 -9
  49. package/components/Separator.vue.js +74 -0
  50. package/components/Separator.vue2.js +4 -0
  51. package/components/Skeleton.vue.d.ts +1 -1
  52. package/components/Skeleton.vue.js +7 -0
  53. package/components/Skeleton.vue2.js +24 -0
  54. package/components/Switch.vue.js +48 -0
  55. package/components/Switch.vue2.js +4 -0
  56. package/components/Tooltip.vue.js +35 -0
  57. package/components/Tooltip.vue2.js +4 -0
  58. package/components/icon/Icon.vue.d.ts +2 -3
  59. package/components/icon/Icon.vue.js +21 -0
  60. package/components/icon/Icon.vue2.js +4 -0
  61. package/components/icon/icons.d.ts +139 -139
  62. package/components/typography/Blockquote.vue.d.ts +151 -0
  63. package/components/typography/Blockquote.vue.js +55 -0
  64. package/components/typography/Blockquote.vue2.js +4 -0
  65. package/components/typography/Code.vue.d.ts +160 -0
  66. package/components/typography/Code.vue.js +74 -0
  67. package/components/typography/Code.vue2.js +4 -0
  68. package/components/typography/H1.vue.d.ts +151 -0
  69. package/components/typography/H1.vue.js +55 -0
  70. package/components/typography/H1.vue2.js +4 -0
  71. package/components/typography/H2.vue.d.ts +151 -0
  72. package/components/typography/H2.vue.js +55 -0
  73. package/components/typography/H2.vue2.js +4 -0
  74. package/components/typography/H3.vue.d.ts +151 -0
  75. package/components/typography/H3.vue.js +55 -0
  76. package/components/typography/H3.vue2.js +4 -0
  77. package/components/typography/H4.vue.d.ts +151 -0
  78. package/components/typography/H4.vue.js +55 -0
  79. package/components/typography/H4.vue2.js +4 -0
  80. package/components/typography/H5.vue.d.ts +151 -0
  81. package/components/typography/H5.vue.js +55 -0
  82. package/components/typography/H5.vue2.js +4 -0
  83. package/components/typography/H6.vue.d.ts +151 -0
  84. package/components/typography/H6.vue.js +55 -0
  85. package/components/typography/H6.vue2.js +4 -0
  86. package/components/typography/Label.vue.d.ts +160 -0
  87. package/components/typography/Label.vue.js +61 -0
  88. package/components/typography/Label.vue2.js +4 -0
  89. package/components/typography/List.vue.d.ts +123 -0
  90. package/components/typography/List.vue.js +60 -0
  91. package/components/typography/List.vue2.js +4 -0
  92. package/components/typography/P.vue.d.ts +151 -0
  93. package/components/typography/P.vue.js +55 -0
  94. package/components/typography/P.vue2.js +4 -0
  95. package/components/typography/Span.vue.d.ts +151 -0
  96. package/components/typography/Span.vue.js +55 -0
  97. package/components/typography/Span.vue2.js +4 -0
  98. package/config.js +2 -14
  99. package/exports/composables.d.ts +1 -0
  100. package/exports/icons.d.ts +2 -1
  101. package/exports/toast.d.ts +4 -0
  102. package/exports/types.d.ts +56 -3
  103. package/exports/typography.d.ts +12 -0
  104. package/exports/ui.d.ts +2 -0
  105. package/exports/utils.d.ts +3 -0
  106. package/icons/Alert.vue.js +31 -0
  107. package/icons/AlertCircle.vue.js +31 -0
  108. package/icons/Archive.vue.js +33 -0
  109. package/icons/ArrowDown.vue.js +26 -0
  110. package/icons/ArrowLeft.vue.js +26 -0
  111. package/icons/ArrowRight.vue.js +26 -0
  112. package/icons/ArrowUp.vue.js +26 -0
  113. package/icons/AtSign.vue.js +30 -0
  114. package/icons/Bell.vue.js +26 -0
  115. package/icons/Bold.vue.js +20 -0
  116. package/icons/Bookmark.vue.js +25 -0
  117. package/icons/Camera.vue.js +30 -0
  118. package/icons/Check.vue.js +20 -0
  119. package/icons/CheckCircle.vue.js +26 -0
  120. package/icons/CheckSquare.vue.js +26 -0
  121. package/icons/ChevronDown.vue.js +20 -0
  122. package/icons/ChevronLeft.vue.js +25 -0
  123. package/icons/ChevronRight.vue.js +25 -0
  124. package/icons/ChevronUp.vue.js +25 -0
  125. package/icons/Circle.vue.js +29 -0
  126. package/icons/Clock.vue.js +30 -0
  127. package/icons/Close.vue.js +20 -0
  128. package/icons/Cloud.vue.js +25 -0
  129. package/icons/CloudDownload.vue.js +27 -0
  130. package/icons/CloudUpload.vue.js +27 -0
  131. package/icons/Code.vue.js +26 -0
  132. package/icons/Command.vue.js +26 -0
  133. package/icons/Copy.vue.js +33 -0
  134. package/icons/CreditCard.vue.js +32 -0
  135. package/icons/Database.vue.js +32 -0
  136. package/icons/Download.vue.js +27 -0
  137. package/icons/Edit.vue.js +26 -0
  138. package/icons/ExternalLink.vue.js +27 -0
  139. package/icons/Eye.vue.js +30 -0
  140. package/icons/EyeOff.vue.js +26 -0
  141. package/icons/FastForward.vue.js +26 -0
  142. package/icons/File.vue.js +26 -0
  143. package/icons/FileAudio.vue.js +17 -0
  144. package/icons/FileImage.vue.js +27 -0
  145. package/icons/FilePdf.vue.js +17 -0
  146. package/icons/FileText.vue.js +17 -0
  147. package/icons/FileVideo.vue.js +27 -0
  148. package/icons/FileZip.vue.js +17 -0
  149. package/icons/Filter.vue.js +25 -0
  150. package/icons/Folder.vue.js +25 -0
  151. package/icons/FolderOpen.vue.js +25 -0
  152. package/icons/FolderPlus.vue.js +27 -0
  153. package/icons/Grid.vue.js +33 -0
  154. package/icons/Hamburger.vue.js +24 -0
  155. package/icons/Hash.vue.js +17 -0
  156. package/icons/Heart.vue.js +25 -0
  157. package/icons/HelpCircle.vue.js +31 -0
  158. package/icons/Highlight.vue.js +20 -0
  159. package/icons/Home.vue.js +26 -0
  160. package/icons/Image.vue.js +38 -0
  161. package/icons/Inbox.vue.js +26 -0
  162. package/icons/Info.vue.js +31 -0
  163. package/icons/Italic.vue.js +24 -0
  164. package/icons/Key.vue.js +31 -0
  165. package/icons/Layout.vue.js +33 -0
  166. package/icons/Link.vue.js +26 -0
  167. package/icons/Link2.vue.js +27 -0
  168. package/icons/List.vue.js +17 -0
  169. package/icons/Loading.vue.js +33 -0
  170. package/icons/Lock.vue.js +33 -0
  171. package/icons/LogIn.vue.js +27 -0
  172. package/icons/LogOut.vue.js +27 -0
  173. package/icons/Mail.vue.js +32 -0
  174. package/icons/Maximize.vue.js +25 -0
  175. package/icons/Menu.vue.js +42 -0
  176. package/icons/MessageCircle.vue.js +25 -0
  177. package/icons/MessageSquare.vue.js +25 -0
  178. package/icons/Mic.vue.js +17 -0
  179. package/icons/MicOff.vue.js +17 -0
  180. package/icons/Minimize.vue.js +25 -0
  181. package/icons/Minus.vue.js +25 -0
  182. package/icons/Moon.vue.js +24 -0
  183. package/icons/MoreHorizontal.vue.js +39 -0
  184. package/icons/MoreVertical.vue.js +39 -0
  185. package/icons/Move.vue.js +17 -0
  186. package/icons/Package.vue.js +17 -0
  187. package/icons/Paperclip.vue.js +25 -0
  188. package/icons/Pause.vue.js +36 -0
  189. package/icons/Phone.vue.js +25 -0
  190. package/icons/Play.vue.js +25 -0
  191. package/icons/Plus.vue.js +26 -0
  192. package/icons/Printer.vue.js +27 -0
  193. package/icons/RadioButton.vue.js +34 -0
  194. package/icons/RefreshCw.vue.js +17 -0
  195. package/icons/Repeat.vue.js +17 -0
  196. package/icons/Rewind.vue.js +26 -0
  197. package/icons/RotateCcw.vue.js +26 -0
  198. package/icons/RotateCw.vue.js +26 -0
  199. package/icons/Save.vue.js +26 -0
  200. package/icons/Scissors.vue.js +17 -0
  201. package/icons/Search.vue.js +30 -0
  202. package/icons/Send.vue.js +26 -0
  203. package/icons/Server.vue.js +17 -0
  204. package/icons/Settings.vue.js +30 -0
  205. package/icons/Share.vue.js +27 -0
  206. package/icons/Shield.vue.js +25 -0
  207. package/icons/Shuffle.vue.js +17 -0
  208. package/icons/Sidebar.vue.js +32 -0
  209. package/icons/SkipBack.vue.js +31 -0
  210. package/icons/SkipForward.vue.js +31 -0
  211. package/icons/Slider.vue.js +17 -0
  212. package/icons/Sliders.vue.js +17 -0
  213. package/icons/SortAsc.vue.js +17 -0
  214. package/icons/SortDesc.vue.js +17 -0
  215. package/icons/Square.vue.js +31 -0
  216. package/icons/Star.vue.js +25 -0
  217. package/icons/Stop.vue.js +31 -0
  218. package/icons/Sun.vue.js +20 -0
  219. package/icons/Tag.vue.js +31 -0
  220. package/icons/Tags.vue.js +27 -0
  221. package/icons/Terminal.vue.js +31 -0
  222. package/icons/ThumbsDown.vue.js +26 -0
  223. package/icons/ThumbsUp.vue.js +26 -0
  224. package/icons/ToggleLeft.vue.js +36 -0
  225. package/icons/ToggleRight.vue.js +36 -0
  226. package/icons/Trash.vue.js +27 -0
  227. package/icons/Trash2.vue.js +17 -0
  228. package/icons/Unlink.vue.js +17 -0
  229. package/icons/Unlock.vue.js +33 -0
  230. package/icons/Upload.vue.js +27 -0
  231. package/icons/User.vue.js +30 -0
  232. package/icons/Users.vue.js +31 -0
  233. package/icons/Video.vue.js +32 -0
  234. package/icons/VideoOff.vue.js +27 -0
  235. package/icons/Volume.vue.js +26 -0
  236. package/icons/Volume1.vue.js +26 -0
  237. package/icons/Volume2.vue.js +26 -0
  238. package/icons/VolumeMute.vue.js +25 -0
  239. package/icons/VolumeX.vue.js +27 -0
  240. package/icons/X.vue.js +26 -0
  241. package/icons/XCircle.vue.js +31 -0
  242. package/icons/Zap.vue.js +25 -0
  243. package/icons/ZoomIn.vue.js +17 -0
  244. package/icons/ZoomOut.vue.js +31 -0
  245. package/icons.js +280 -4
  246. package/package.json +6 -1
  247. package/ui.js +45 -7352
  248. package/utils/config.js +16 -0
  249. package/utils/margin.js +77 -0
  250. package/utils/padding.js +77 -0
  251. package/utils/typography.js +66 -0
  252. package/utils/useRandomId.js +10 -0
  253. package/veloce.css +1 -1
  254. package/components/icon/index.d.ts +0 -6
  255. package/index-Cqxg4hfC.js +0 -2928
@@ -0,0 +1,151 @@
1
+ import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
2
+ import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare const _default: DefineComponent<ExtractPropTypes<{
4
+ text: {
5
+ type: StringConstructor;
6
+ default: string;
7
+ };
8
+ fontSize: {
9
+ type: () => FontSize;
10
+ default: FontSize;
11
+ };
12
+ color: {
13
+ type: () => TextColor;
14
+ default: TextColor;
15
+ };
16
+ fontWeight: {
17
+ type: () => FontWeight;
18
+ default: FontWeight;
19
+ };
20
+ lineHeight: {
21
+ type: () => LineHeight;
22
+ default: LineHeight;
23
+ };
24
+ letterSpacing: {
25
+ type: () => LetterSpacing;
26
+ default: LetterSpacing;
27
+ };
28
+ margin: {
29
+ type: () => Margin;
30
+ default: string;
31
+ };
32
+ marginLeft: {
33
+ type: () => Margin;
34
+ default: string;
35
+ };
36
+ marginRight: {
37
+ type: () => Margin;
38
+ default: string;
39
+ };
40
+ marginTop: {
41
+ type: () => Margin;
42
+ default: string;
43
+ };
44
+ marginBottom: {
45
+ type: () => Margin;
46
+ default: string;
47
+ };
48
+ padding: {
49
+ type: () => Padding;
50
+ default: string;
51
+ };
52
+ paddingLeft: {
53
+ type: () => Padding;
54
+ default: string;
55
+ };
56
+ paddingRight: {
57
+ type: () => Padding;
58
+ default: string;
59
+ };
60
+ paddingTop: {
61
+ type: () => Padding;
62
+ default: string;
63
+ };
64
+ paddingBottom: {
65
+ type: () => Padding;
66
+ default: string;
67
+ };
68
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
69
+ text: {
70
+ type: StringConstructor;
71
+ default: string;
72
+ };
73
+ fontSize: {
74
+ type: () => FontSize;
75
+ default: FontSize;
76
+ };
77
+ color: {
78
+ type: () => TextColor;
79
+ default: TextColor;
80
+ };
81
+ fontWeight: {
82
+ type: () => FontWeight;
83
+ default: FontWeight;
84
+ };
85
+ lineHeight: {
86
+ type: () => LineHeight;
87
+ default: LineHeight;
88
+ };
89
+ letterSpacing: {
90
+ type: () => LetterSpacing;
91
+ default: LetterSpacing;
92
+ };
93
+ margin: {
94
+ type: () => Margin;
95
+ default: string;
96
+ };
97
+ marginLeft: {
98
+ type: () => Margin;
99
+ default: string;
100
+ };
101
+ marginRight: {
102
+ type: () => Margin;
103
+ default: string;
104
+ };
105
+ marginTop: {
106
+ type: () => Margin;
107
+ default: string;
108
+ };
109
+ marginBottom: {
110
+ type: () => Margin;
111
+ default: string;
112
+ };
113
+ padding: {
114
+ type: () => Padding;
115
+ default: string;
116
+ };
117
+ paddingLeft: {
118
+ type: () => Padding;
119
+ default: string;
120
+ };
121
+ paddingRight: {
122
+ type: () => Padding;
123
+ default: string;
124
+ };
125
+ paddingTop: {
126
+ type: () => Padding;
127
+ default: string;
128
+ };
129
+ paddingBottom: {
130
+ type: () => Padding;
131
+ default: string;
132
+ };
133
+ }>> & Readonly<{}>, {
134
+ text: string;
135
+ fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
136
+ color: TextColor;
137
+ fontWeight: FontWeight;
138
+ lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
139
+ letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
140
+ margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
141
+ marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
142
+ marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
143
+ marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
144
+ marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
145
+ padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
146
+ paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
147
+ paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
148
+ paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
149
+ paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
150
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLHeadingElement>;
151
+ export default _default;
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as x } from "../../utils/typography.js";
3
+ import { getMargin as H } from "../../utils/margin.js";
4
+ import { getPadding as R } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], P = /* @__PURE__ */ h({
6
+ __name: "H3",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "2xl" },
10
+ color: { type: String, default: "default" },
11
+ fontWeight: { type: String, default: "medium" },
12
+ lineHeight: { type: String, default: "xs" },
13
+ letterSpacing: { type: String, default: "md" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "lg" },
19
+ marginBottom: { type: String, default: "md" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: l, marginBottom: m } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ d[t.marginLeft],
37
+ p[t.marginRight],
38
+ l[t.marginTop],
39
+ m[t.marginBottom],
40
+ // padding
41
+ f[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ c[t.paddingTop],
45
+ S[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("h3", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ P as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./H3.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,151 @@
1
+ import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
2
+ import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare const _default: DefineComponent<ExtractPropTypes<{
4
+ text: {
5
+ type: StringConstructor;
6
+ default: string;
7
+ };
8
+ fontSize: {
9
+ type: () => FontSize;
10
+ default: FontSize;
11
+ };
12
+ color: {
13
+ type: () => TextColor;
14
+ default: TextColor;
15
+ };
16
+ fontWeight: {
17
+ type: () => FontWeight;
18
+ default: FontWeight;
19
+ };
20
+ lineHeight: {
21
+ type: () => LineHeight;
22
+ default: LineHeight;
23
+ };
24
+ letterSpacing: {
25
+ type: () => LetterSpacing;
26
+ default: LetterSpacing;
27
+ };
28
+ margin: {
29
+ type: () => Margin;
30
+ default: string;
31
+ };
32
+ marginLeft: {
33
+ type: () => Margin;
34
+ default: string;
35
+ };
36
+ marginRight: {
37
+ type: () => Margin;
38
+ default: string;
39
+ };
40
+ marginTop: {
41
+ type: () => Margin;
42
+ default: string;
43
+ };
44
+ marginBottom: {
45
+ type: () => Margin;
46
+ default: string;
47
+ };
48
+ padding: {
49
+ type: () => Padding;
50
+ default: string;
51
+ };
52
+ paddingLeft: {
53
+ type: () => Padding;
54
+ default: string;
55
+ };
56
+ paddingRight: {
57
+ type: () => Padding;
58
+ default: string;
59
+ };
60
+ paddingTop: {
61
+ type: () => Padding;
62
+ default: string;
63
+ };
64
+ paddingBottom: {
65
+ type: () => Padding;
66
+ default: string;
67
+ };
68
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
69
+ text: {
70
+ type: StringConstructor;
71
+ default: string;
72
+ };
73
+ fontSize: {
74
+ type: () => FontSize;
75
+ default: FontSize;
76
+ };
77
+ color: {
78
+ type: () => TextColor;
79
+ default: TextColor;
80
+ };
81
+ fontWeight: {
82
+ type: () => FontWeight;
83
+ default: FontWeight;
84
+ };
85
+ lineHeight: {
86
+ type: () => LineHeight;
87
+ default: LineHeight;
88
+ };
89
+ letterSpacing: {
90
+ type: () => LetterSpacing;
91
+ default: LetterSpacing;
92
+ };
93
+ margin: {
94
+ type: () => Margin;
95
+ default: string;
96
+ };
97
+ marginLeft: {
98
+ type: () => Margin;
99
+ default: string;
100
+ };
101
+ marginRight: {
102
+ type: () => Margin;
103
+ default: string;
104
+ };
105
+ marginTop: {
106
+ type: () => Margin;
107
+ default: string;
108
+ };
109
+ marginBottom: {
110
+ type: () => Margin;
111
+ default: string;
112
+ };
113
+ padding: {
114
+ type: () => Padding;
115
+ default: string;
116
+ };
117
+ paddingLeft: {
118
+ type: () => Padding;
119
+ default: string;
120
+ };
121
+ paddingRight: {
122
+ type: () => Padding;
123
+ default: string;
124
+ };
125
+ paddingTop: {
126
+ type: () => Padding;
127
+ default: string;
128
+ };
129
+ paddingBottom: {
130
+ type: () => Padding;
131
+ default: string;
132
+ };
133
+ }>> & Readonly<{}>, {
134
+ text: string;
135
+ fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
136
+ color: TextColor;
137
+ fontWeight: FontWeight;
138
+ lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
139
+ letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
140
+ margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
141
+ marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
142
+ marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
143
+ marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
144
+ marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
145
+ padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
146
+ paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
147
+ paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
148
+ paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
149
+ paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
150
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLHeadingElement>;
151
+ export default _default;
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as x } from "../../utils/typography.js";
3
+ import { getMargin as H } from "../../utils/margin.js";
4
+ import { getPadding as R } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], P = /* @__PURE__ */ h({
6
+ __name: "H4",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "xl" },
10
+ color: { type: String, default: "default" },
11
+ fontWeight: { type: String, default: "medium" },
12
+ lineHeight: { type: String, default: "xs" },
13
+ letterSpacing: { type: String, default: "md" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "md" },
19
+ marginBottom: { type: String, default: "sm" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: m, marginBottom: l } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ d[t.marginLeft],
37
+ p[t.marginRight],
38
+ m[t.marginTop],
39
+ l[t.marginBottom],
40
+ // padding
41
+ f[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ c[t.paddingTop],
45
+ S[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("h4", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ P as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./H4.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,151 @@
1
+ import { TextColor, FontWeight, Margin, Padding, FontSize, LineHeight, LetterSpacing } from '../../exports/types';
2
+ import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare const _default: DefineComponent<ExtractPropTypes<{
4
+ text: {
5
+ type: StringConstructor;
6
+ default: string;
7
+ };
8
+ fontSize: {
9
+ type: () => FontSize;
10
+ default: FontSize;
11
+ };
12
+ color: {
13
+ type: () => TextColor;
14
+ default: TextColor;
15
+ };
16
+ fontWeight: {
17
+ type: () => FontWeight;
18
+ default: FontWeight;
19
+ };
20
+ lineHeight: {
21
+ type: () => LineHeight;
22
+ default: LineHeight;
23
+ };
24
+ letterSpacing: {
25
+ type: () => LetterSpacing;
26
+ default: LetterSpacing;
27
+ };
28
+ margin: {
29
+ type: () => Margin;
30
+ default: string;
31
+ };
32
+ marginLeft: {
33
+ type: () => Margin;
34
+ default: string;
35
+ };
36
+ marginRight: {
37
+ type: () => Margin;
38
+ default: string;
39
+ };
40
+ marginTop: {
41
+ type: () => Margin;
42
+ default: string;
43
+ };
44
+ marginBottom: {
45
+ type: () => Margin;
46
+ default: string;
47
+ };
48
+ padding: {
49
+ type: () => Padding;
50
+ default: string;
51
+ };
52
+ paddingLeft: {
53
+ type: () => Padding;
54
+ default: string;
55
+ };
56
+ paddingRight: {
57
+ type: () => Padding;
58
+ default: string;
59
+ };
60
+ paddingTop: {
61
+ type: () => Padding;
62
+ default: string;
63
+ };
64
+ paddingBottom: {
65
+ type: () => Padding;
66
+ default: string;
67
+ };
68
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
69
+ text: {
70
+ type: StringConstructor;
71
+ default: string;
72
+ };
73
+ fontSize: {
74
+ type: () => FontSize;
75
+ default: FontSize;
76
+ };
77
+ color: {
78
+ type: () => TextColor;
79
+ default: TextColor;
80
+ };
81
+ fontWeight: {
82
+ type: () => FontWeight;
83
+ default: FontWeight;
84
+ };
85
+ lineHeight: {
86
+ type: () => LineHeight;
87
+ default: LineHeight;
88
+ };
89
+ letterSpacing: {
90
+ type: () => LetterSpacing;
91
+ default: LetterSpacing;
92
+ };
93
+ margin: {
94
+ type: () => Margin;
95
+ default: string;
96
+ };
97
+ marginLeft: {
98
+ type: () => Margin;
99
+ default: string;
100
+ };
101
+ marginRight: {
102
+ type: () => Margin;
103
+ default: string;
104
+ };
105
+ marginTop: {
106
+ type: () => Margin;
107
+ default: string;
108
+ };
109
+ marginBottom: {
110
+ type: () => Margin;
111
+ default: string;
112
+ };
113
+ padding: {
114
+ type: () => Padding;
115
+ default: string;
116
+ };
117
+ paddingLeft: {
118
+ type: () => Padding;
119
+ default: string;
120
+ };
121
+ paddingRight: {
122
+ type: () => Padding;
123
+ default: string;
124
+ };
125
+ paddingTop: {
126
+ type: () => Padding;
127
+ default: string;
128
+ };
129
+ paddingBottom: {
130
+ type: () => Padding;
131
+ default: string;
132
+ };
133
+ }>> & Readonly<{}>, {
134
+ text: string;
135
+ fontSize: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
136
+ color: TextColor;
137
+ fontWeight: FontWeight;
138
+ lineHeight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
139
+ letterSpacing: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
140
+ margin: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
141
+ marginLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
142
+ marginRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
143
+ marginTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
144
+ marginBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
145
+ padding: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
146
+ paddingLeft: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
147
+ paddingRight: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
148
+ paddingTop: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
149
+ paddingBottom: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
150
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLHeadingElement>;
151
+ export default _default;
@@ -0,0 +1,55 @@
1
+ import { defineComponent as h, computed as T, createElementBlock as B, openBlock as L, normalizeClass as _ } from "vue";
2
+ import { getTypography as x } from "../../utils/typography.js";
3
+ import { getMargin as H } from "../../utils/margin.js";
4
+ import { getPadding as R } from "../../utils/padding.js";
5
+ const z = ["innerHTML"], P = /* @__PURE__ */ h({
6
+ __name: "H5",
7
+ props: {
8
+ text: { type: String, default: "" },
9
+ fontSize: { type: String, default: "lg" },
10
+ color: { type: String, default: "default" },
11
+ fontWeight: { type: String, default: "medium" },
12
+ lineHeight: { type: String, default: "xs" },
13
+ letterSpacing: { type: String, default: "md" },
14
+ // margin
15
+ margin: { type: String, default: "" },
16
+ marginLeft: { type: String, default: "" },
17
+ marginRight: { type: String, default: "" },
18
+ marginTop: { type: String, default: "md" },
19
+ marginBottom: { type: String, default: "sm" },
20
+ // padding
21
+ padding: { type: String, default: "" },
22
+ paddingLeft: { type: String, default: "" },
23
+ paddingRight: { type: String, default: "" },
24
+ paddingTop: { type: String, default: "" },
25
+ paddingBottom: { type: String, default: "" }
26
+ },
27
+ setup(e) {
28
+ const { fontSizes: n, fontWeights: i, textColors: g, letterSpacings: a, lineHeights: r } = x(), { margin: o, marginLeft: d, marginRight: p, marginTop: m, marginBottom: l } = H(), { padding: f, paddingLeft: s, paddingRight: u, paddingTop: c, paddingBottom: S } = R(), t = e, y = T(() => [
29
+ n[t.fontSize],
30
+ g[t.color],
31
+ i[t.fontWeight],
32
+ r[t.lineHeight],
33
+ a[t.letterSpacing],
34
+ // margin
35
+ o[t.margin],
36
+ d[t.marginLeft],
37
+ p[t.marginRight],
38
+ m[t.marginTop],
39
+ l[t.marginBottom],
40
+ // padding
41
+ f[t.padding],
42
+ s[t.paddingLeft],
43
+ u[t.paddingRight],
44
+ c[t.paddingTop],
45
+ S[t.paddingBottom]
46
+ ]);
47
+ return (C, M) => (L(), B("h5", {
48
+ class: _(y.value),
49
+ innerHTML: t.text
50
+ }, null, 10, z));
51
+ }
52
+ });
53
+ export {
54
+ P as default
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./H5.vue.js";
2
+ export {
3
+ f as default
4
+ };