@antify/ui 2.2.1 → 2.2.3

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 (147) hide show
  1. package/dist/components/AntAccordion.vue +25 -12
  2. package/dist/components/AntAccordionItem.vue +28 -13
  3. package/dist/components/AntAlert.vue +25 -15
  4. package/dist/components/AntCard.vue +26 -14
  5. package/dist/components/AntContent.vue +4 -4
  6. package/dist/components/AntDropdown.vue +41 -23
  7. package/dist/components/AntIcon.vue +18 -6
  8. package/dist/components/AntKeycap.vue +31 -16
  9. package/dist/components/AntListGroup.vue +13 -11
  10. package/dist/components/AntListGroupItem.vue +19 -9
  11. package/dist/components/AntModal.vue +26 -15
  12. package/dist/components/AntPagination.vue +28 -15
  13. package/dist/components/AntPopover.vue +74 -51
  14. package/dist/components/AntSkeleton.vue +8 -4
  15. package/dist/components/AntSpinner.vue +14 -6
  16. package/dist/components/AntTag.vue +25 -13
  17. package/dist/components/AntToast.vue +19 -11
  18. package/dist/components/AntToaster.vue +13 -5
  19. package/dist/components/AntTooltip.vue +78 -54
  20. package/dist/components/__stories/AntAccordion.stories.js +4 -4
  21. package/dist/components/__stories/AntAccordion.stories.mjs +50 -17
  22. package/dist/components/__stories/AntAlert.stories.mjs +18 -5
  23. package/dist/components/__stories/AntCard.stories.mjs +36 -10
  24. package/dist/components/__stories/AntContent.stories.mjs +14 -4
  25. package/dist/components/__stories/AntDropdown.stories.mjs +20 -4
  26. package/dist/components/__stories/AntIcon.stories.mjs +38 -12
  27. package/dist/components/__stories/AntKeycap.stories.mjs +35 -10
  28. package/dist/components/__stories/AntListGroup.stories.d.ts +1 -1
  29. package/dist/components/__stories/AntListGroup.stories.mjs +22 -4
  30. package/dist/components/__stories/AntListGroupItem.stories.mjs +27 -8
  31. package/dist/components/__stories/AntModal.stories.mjs +17 -4
  32. package/dist/components/__stories/AntPagination.stories.mjs +21 -6
  33. package/dist/components/__stories/AntPopover.stories.mjs +20 -4
  34. package/dist/components/__stories/AntSkeleton.stories.mjs +17 -5
  35. package/dist/components/__stories/AntSpinner.stories.mjs +33 -9
  36. package/dist/components/__stories/AntTag.stories.mjs +28 -8
  37. package/dist/components/__stories/AntToast.stories.mjs +19 -5
  38. package/dist/components/__stories/AntToaster.stories.d.ts +1 -1
  39. package/dist/components/__stories/AntToaster.stories.mjs +35 -9
  40. package/dist/components/__stories/AntTooltip.stories.js +1 -1
  41. package/dist/components/__stories/AntTooltip.stories.mjs +44 -13
  42. package/dist/components/buttons/AntActionButton.vue +38 -29
  43. package/dist/components/buttons/AntButton.vue +34 -13
  44. package/dist/components/buttons/AntCreateButton.vue +11 -4
  45. package/dist/components/buttons/AntDeleteButton.vue +11 -4
  46. package/dist/components/buttons/AntDuplicateButton.vue +11 -4
  47. package/dist/components/buttons/AntEditButton.vue +11 -4
  48. package/dist/components/buttons/AntSaveAndNewButton.vue +11 -4
  49. package/dist/components/buttons/AntSaveButton.vue +11 -4
  50. package/dist/components/buttons/__stories/AntActionButton.stories.mjs +35 -10
  51. package/dist/components/buttons/__stories/AntButton.stories.mjs +77 -23
  52. package/dist/components/buttons/__stories/AntCreateButton.stories.mjs +25 -7
  53. package/dist/components/buttons/__stories/AntDeleteButton.stories.mjs +25 -7
  54. package/dist/components/buttons/__stories/AntDuplicateButton.stories.mjs +25 -7
  55. package/dist/components/buttons/__stories/AntEditButton.stories.mjs +25 -7
  56. package/dist/components/buttons/__stories/AntSaveAndNewButton.stories.mjs +25 -7
  57. package/dist/components/buttons/__stories/AntSaveButton.stories.mjs +25 -7
  58. package/dist/components/crud/AntCrud.vue +6 -6
  59. package/dist/components/crud/AntCrudDetail.vue +8 -5
  60. package/dist/components/crud/AntCrudDetailActions.vue +14 -8
  61. package/dist/components/crud/AntCrudDetailNav.vue +21 -13
  62. package/dist/components/crud/AntCrudTableFilter.vue +29 -17
  63. package/dist/components/crud/AntCrudTableNav.vue +36 -22
  64. package/dist/components/crud/__stories/AntCrud.stories.mjs +17 -5
  65. package/dist/components/crud/__stories/AntCrudDetail.stories.mjs +11 -3
  66. package/dist/components/crud/__stories/AntCrudDetailActions.stories.mjs +10 -2
  67. package/dist/components/crud/__stories/AntCrudDetailNav.stories.mjs +11 -3
  68. package/dist/components/crud/__stories/AntCrudTableFilter.stories.mjs +17 -5
  69. package/dist/components/crud/__stories/AntCrudTableNav.stories.mjs +23 -7
  70. package/dist/components/dialogs/AntDeleteDialog.vue +13 -5
  71. package/dist/components/dialogs/AntDialog.vue +23 -13
  72. package/dist/components/dialogs/__stories/AndDeleteDialog.stories.mjs +12 -3
  73. package/dist/components/dialogs/__stories/AntDialog.stories.mjs +28 -7
  74. package/dist/components/forms/AntField.vue +18 -7
  75. package/dist/components/forms/AntFormGroup.vue +9 -5
  76. package/dist/components/forms/AntFormGroupLabel.vue +1 -1
  77. package/dist/components/forms/__stories/AntField.stories.mjs +37 -9
  78. package/dist/components/forms/__stories/AntFormGroup.stories.mjs +20 -5
  79. package/dist/components/forms/__stories/AntFormGroupLabel.stories.mjs +11 -3
  80. package/dist/components/index.d.ts +1 -1
  81. package/dist/components/inputs/AntCheckbox.vue +60 -36
  82. package/dist/components/inputs/AntCheckboxGroup.vue +39 -15
  83. package/dist/components/inputs/AntDateInput.vue +35 -12
  84. package/dist/components/inputs/AntNumberInput.vue +33 -12
  85. package/dist/components/inputs/AntPasswordInput.vue +32 -11
  86. package/dist/components/inputs/AntRadio.vue +57 -34
  87. package/dist/components/inputs/AntRadioGroup.vue +60 -35
  88. package/dist/components/inputs/AntRangeSlider.vue +31 -12
  89. package/dist/components/inputs/AntSearch.vue +19 -7
  90. package/dist/components/inputs/AntSelect.vue +107 -83
  91. package/dist/components/inputs/AntSwitch.vue +35 -18
  92. package/dist/components/inputs/AntSwitcher.vue +30 -15
  93. package/dist/components/inputs/AntTagInput.vue +91 -61
  94. package/dist/components/inputs/AntTextInput.vue +31 -11
  95. package/dist/components/inputs/AntTextarea.vue +53 -25
  96. package/dist/components/inputs/AntUnitInput.vue +33 -12
  97. package/dist/components/inputs/Elements/AntBaseInput.vue +47 -18
  98. package/dist/components/inputs/Elements/AntInputDescription.vue +16 -8
  99. package/dist/components/inputs/Elements/AntInputLabel.vue +13 -5
  100. package/dist/components/inputs/Elements/AntInputLimiter.vue +13 -5
  101. package/dist/components/inputs/Elements/AntSelectMenu.vue +65 -41
  102. package/dist/components/inputs/Elements/__stories/AntBaseInput.stories.mjs +104 -27
  103. package/dist/components/inputs/Elements/__stories/AntInputDescription.stories.mjs +33 -9
  104. package/dist/components/inputs/Elements/__stories/AntInputLabel.stories.mjs +34 -9
  105. package/dist/components/inputs/Elements/__stories/AntInputLimiter.stories.mjs +33 -9
  106. package/dist/components/inputs/Elements/index.d.ts +1 -1
  107. package/dist/components/inputs/__stories/AntCheckbox.stories.mjs +34 -9
  108. package/dist/components/inputs/__stories/AntCheckboxGroup.stories.mjs +45 -21
  109. package/dist/components/inputs/__stories/AntDateInput.stories.mjs +52 -14
  110. package/dist/components/inputs/__stories/AntNumberInput.stories.mjs +66 -17
  111. package/dist/components/inputs/__stories/AntPasswordInput.stories.mjs +51 -13
  112. package/dist/components/inputs/__stories/AntRadioGroup.stories.mjs +45 -12
  113. package/dist/components/inputs/__stories/AntRangeSlider.stories.mjs +16 -5
  114. package/dist/components/inputs/__stories/AntSearch.stories.mjs +41 -10
  115. package/dist/components/inputs/__stories/AntSelect.stories.mjs +59 -15
  116. package/dist/components/inputs/__stories/AntSwitch.stories.js +126 -102
  117. package/dist/components/inputs/__stories/AntSwitch.stories.mjs +162 -112
  118. package/dist/components/inputs/__stories/AntSwitcher.stories.mjs +38 -10
  119. package/dist/components/inputs/__stories/AntTagInput.stories.mjs +46 -12
  120. package/dist/components/inputs/__stories/AntTextInput.stories.mjs +59 -16
  121. package/dist/components/inputs/__stories/AntTextarea.stories.mjs +47 -13
  122. package/dist/components/inputs/__stories/AntUnitInput.stories.mjs +46 -12
  123. package/dist/components/layouts/AntNavLeftLayout.vue +12 -6
  124. package/dist/components/layouts/__stories/AntNavLeftLayout.stories.mjs +10 -2
  125. package/dist/components/navbar/AntNavbar.vue +7 -3
  126. package/dist/components/navbar/AntNavbarItem.vue +12 -6
  127. package/dist/components/navbar/__stories/AntNavbar.stories.mjs +59 -37
  128. package/dist/components/table/AntCollapsibleTableRowContent.vue +7 -5
  129. package/dist/components/table/AntTable.vue +210 -165
  130. package/dist/components/table/AntTableSkeleton.vue +126 -0
  131. package/dist/components/table/AntTableSortButton.vue +22 -13
  132. package/dist/components/table/AntTd.vue +21 -17
  133. package/dist/components/table/AntTh.vue +19 -12
  134. package/dist/components/table/__stories/AntTable.stories.js +1 -1
  135. package/dist/components/table/__stories/AntTable.stories.mjs +190 -62
  136. package/dist/components/tabs/AntTabItem.vue +20 -8
  137. package/dist/components/tabs/AntTabs.vue +35 -21
  138. package/dist/components/tabs/__stories/AntTabItem.stories.mjs +23 -7
  139. package/dist/components/tabs/__stories/AntTabs.stories.mjs +45 -13
  140. package/dist/components/transitions/AntTransitionCollapseHeight.vue +1 -1
  141. package/dist/composables/useToaster.mjs +25 -7
  142. package/dist/index.css +1 -0
  143. package/dist/utils.mjs +3 -1
  144. package/package.json +23 -16
  145. package/dist/tailwind.config.d.ts +0 -3
  146. package/dist/tailwind.config.js +0 -198
  147. package/dist/tailwind.config.mjs +0 -189
@@ -1,189 +0,0 @@
1
- import defaultColors from "tailwindcss/colors.js";
2
- const colors = {
3
- "transparent": defaultColors.transparent,
4
- "white": defaultColors.white,
5
- "black": defaultColors.black,
6
- "base-50": defaultColors.slate["50"],
7
- "base-100": defaultColors.slate["100"],
8
- "base-200": defaultColors.slate["200"],
9
- "base-300": defaultColors.slate["300"],
10
- "base-400": defaultColors.slate["400"],
11
- "base-500": defaultColors.slate["500"],
12
- "base-600": defaultColors.slate["600"],
13
- "base-700": defaultColors.slate["700"],
14
- "base-800": defaultColors.slate["800"],
15
- "base-900": defaultColors.slate["900"],
16
- "base-950": defaultColors.slate["950"],
17
- "primary-50": defaultColors.sky["50"],
18
- "primary-100": defaultColors.sky["100"],
19
- "primary-200": defaultColors.sky["200"],
20
- "primary-300": defaultColors.sky["300"],
21
- "primary-400": defaultColors.sky["400"],
22
- "primary-500": defaultColors.sky["500"],
23
- "primary-600": defaultColors.sky["600"],
24
- "primary-700": defaultColors.sky["700"],
25
- "primary-800": defaultColors.sky["800"],
26
- "primary-900": defaultColors.sky["900"],
27
- "primary-950": defaultColors.sky["950"],
28
- "secondary-50": defaultColors.lime["50"],
29
- "secondary-100": defaultColors.lime["100"],
30
- "secondary-200": defaultColors.lime["200"],
31
- "secondary-300": defaultColors.lime["300"],
32
- "secondary-400": defaultColors.lime["400"],
33
- "secondary-500": defaultColors.lime["500"],
34
- "secondary-600": defaultColors.lime["600"],
35
- "secondary-700": defaultColors.lime["700"],
36
- "secondary-800": defaultColors.lime["800"],
37
- "secondary-900": defaultColors.lime["900"],
38
- "secondary-950": defaultColors.lime["950"],
39
- "info-50": defaultColors.blue["50"],
40
- "info-100": defaultColors.blue["100"],
41
- "info-200": defaultColors.blue["200"],
42
- "info-300": defaultColors.blue["300"],
43
- "info-400": defaultColors.blue["400"],
44
- "info-500": defaultColors.blue["500"],
45
- "info-600": defaultColors.blue["600"],
46
- "info-700": defaultColors.blue["700"],
47
- "info-800": defaultColors.blue["800"],
48
- "info-900": defaultColors.blue["900"],
49
- "info-950": defaultColors.blue["950"],
50
- "success-50": defaultColors.green["50"],
51
- "success-100": defaultColors.green["100"],
52
- "success-200": defaultColors.green["200"],
53
- "success-300": defaultColors.green["300"],
54
- "success-400": defaultColors.green["400"],
55
- "success-500": defaultColors.green["500"],
56
- "success-600": defaultColors.green["600"],
57
- "success-700": defaultColors.green["700"],
58
- "success-800": defaultColors.green["800"],
59
- "success-900": defaultColors.green["900"],
60
- "success-950": defaultColors.green["950"],
61
- "warning-50": defaultColors.yellow["50"],
62
- "warning-100": defaultColors.yellow["100"],
63
- "warning-200": defaultColors.yellow["200"],
64
- "warning-300": defaultColors.yellow["300"],
65
- "warning-400": defaultColors.yellow["400"],
66
- "warning-500": defaultColors.yellow["500"],
67
- "warning-600": defaultColors.yellow["600"],
68
- "warning-700": defaultColors.yellow["700"],
69
- "warning-800": defaultColors.yellow["800"],
70
- "warning-900": defaultColors.yellow["900"],
71
- "warning-950": defaultColors.yellow["950"],
72
- "danger-50": defaultColors.red["50"],
73
- "danger-100": defaultColors.red["100"],
74
- "danger-200": defaultColors.red["200"],
75
- "danger-300": defaultColors.red["300"],
76
- "danger-400": defaultColors.red["400"],
77
- "danger-500": defaultColors.red["500"],
78
- "danger-600": defaultColors.red["600"],
79
- "danger-700": defaultColors.red["700"],
80
- "danger-800": defaultColors.red["800"],
81
- "danger-900": defaultColors.red["900"],
82
- "danger-950": defaultColors.red["950"]
83
- };
84
- const fontColors = {
85
- "for-white-bg-font": colors["base-600"],
86
- "for-black-bg-font": colors["base-100"],
87
- "base-50-font": colors["base-600"],
88
- "base-100-font": colors["base-600"],
89
- "base-200-font": colors["base-600"],
90
- "base-300-font": colors["base-600"],
91
- "base-400-font": colors["base-600"],
92
- "base-500-font": colors["base-100"],
93
- "base-600-font": colors["base-100"],
94
- "base-700-font": colors["base-100"],
95
- "base-800-font": colors["base-100"],
96
- "base-900-font": colors["base-100"],
97
- "base-950-font": colors["base-100"],
98
- "primary-50-font": colors["base-600"],
99
- "primary-100-font": colors["base-600"],
100
- "primary-200-font": colors["base-600"],
101
- "primary-300-font": colors["base-600"],
102
- "primary-400-font": colors["base-600"],
103
- "primary-500-font": colors["base-100"],
104
- "primary-600-font": colors["base-100"],
105
- "primary-700-font": colors["base-100"],
106
- "primary-800-font": colors["base-100"],
107
- "primary-900-font": colors["base-100"],
108
- "primary-950-font": colors["base-100"],
109
- "secondary-50-font": colors["base-600"],
110
- "secondary-100-font": colors["base-600"],
111
- "secondary-200-font": colors["base-600"],
112
- "secondary-300-font": colors["base-600"],
113
- "secondary-400-font": colors["base-600"],
114
- "secondary-500-font": colors["base-100"],
115
- "secondary-600-font": colors["base-100"],
116
- "secondary-700-font": colors["base-100"],
117
- "secondary-800-font": colors["base-100"],
118
- "secondary-900-font": colors["base-100"],
119
- "secondary-950-font": colors["base-100"],
120
- "success-50-font": colors["base-600"],
121
- "success-100-font": colors["base-600"],
122
- "success-200-font": colors["base-600"],
123
- "success-300-font": colors["base-600"],
124
- "success-400-font": colors["base-600"],
125
- "success-500-font": colors["base-100"],
126
- "success-600-font": colors["base-100"],
127
- "success-700-font": colors["base-100"],
128
- "success-800-font": colors["base-100"],
129
- "success-900-font": colors["base-100"],
130
- "success-950-font": colors["base-100"],
131
- "info-50-font": colors["base-600"],
132
- "info-100-font": colors["base-600"],
133
- "info-200-font": colors["base-600"],
134
- "info-300-font": colors["base-600"],
135
- "info-400-font": colors["base-600"],
136
- "info-500-font": colors["base-100"],
137
- "info-600-font": colors["base-100"],
138
- "info-700-font": colors["base-100"],
139
- "info-800-font": colors["base-100"],
140
- "info-900-font": colors["base-100"],
141
- "info-950-font": colors["base-100"],
142
- "warning-50-font": colors["base-600"],
143
- "warning-100-font": colors["base-600"],
144
- "warning-200-font": colors["base-600"],
145
- "warning-300-font": colors["base-600"],
146
- "warning-400-font": colors["base-600"],
147
- "warning-500-font": colors["base-100"],
148
- "warning-600-font": colors["base-100"],
149
- "warning-700-font": colors["base-100"],
150
- "warning-800-font": colors["base-100"],
151
- "warning-900-font": colors["base-100"],
152
- "warning-950-font": colors["base-100"],
153
- "danger-50-font": colors["base-600"],
154
- "danger-100-font": colors["base-600"],
155
- "danger-200-font": colors["base-600"],
156
- "danger-300-font": colors["base-600"],
157
- "danger-400-font": colors["base-600"],
158
- "danger-500-font": colors["base-100"],
159
- "danger-600-font": colors["base-100"],
160
- "danger-700-font": colors["base-100"],
161
- "danger-800-font": colors["base-100"],
162
- "danger-900-font": colors["base-100"],
163
- "danger-950-font": colors["base-100"]
164
- };
165
- export default {
166
- content: [
167
- "./src/**/*.{vue,js,ts,jsx,tsx}"
168
- ],
169
- theme: {
170
- colors: {
171
- ...colors,
172
- ...fontColors
173
- },
174
- extend: {
175
- fontSize: {
176
- "2xs": ["0.625rem", "0.75rem"]
177
- },
178
- animation: {
179
- skeleton: "skeleton 2s ease-out infinite"
180
- },
181
- keyframes: {
182
- "skeleton": {
183
- "0%, 100%": { "background-color": colors["base-300"] },
184
- "50%": { "background-color": colors["base-100"] }
185
- }
186
- }
187
- }
188
- }
189
- };