@antify/ui 2.2.1 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AntAccordion.vue +25 -12
- package/dist/components/AntAccordionItem.vue +28 -13
- package/dist/components/AntAlert.vue +25 -15
- package/dist/components/AntCard.vue +26 -14
- package/dist/components/AntContent.vue +4 -4
- package/dist/components/AntDropdown.vue +41 -23
- package/dist/components/AntIcon.vue +18 -6
- package/dist/components/AntKeycap.vue +31 -16
- package/dist/components/AntListGroup.vue +13 -11
- package/dist/components/AntListGroupItem.vue +19 -9
- package/dist/components/AntModal.vue +26 -15
- package/dist/components/AntPagination.vue +28 -15
- package/dist/components/AntPopover.vue +74 -51
- package/dist/components/AntSkeleton.vue +8 -4
- package/dist/components/AntSpinner.vue +14 -6
- package/dist/components/AntTag.vue +25 -13
- package/dist/components/AntToast.vue +19 -11
- package/dist/components/AntToaster.vue +13 -5
- package/dist/components/AntTooltip.vue +78 -54
- package/dist/components/__stories/AntAccordion.stories.js +4 -4
- package/dist/components/__stories/AntAccordion.stories.mjs +50 -17
- package/dist/components/__stories/AntAlert.stories.mjs +18 -5
- package/dist/components/__stories/AntCard.stories.mjs +36 -10
- package/dist/components/__stories/AntContent.stories.mjs +14 -4
- package/dist/components/__stories/AntDropdown.stories.mjs +20 -4
- package/dist/components/__stories/AntIcon.stories.mjs +38 -12
- package/dist/components/__stories/AntKeycap.stories.mjs +35 -10
- package/dist/components/__stories/AntListGroup.stories.d.ts +1 -1
- package/dist/components/__stories/AntListGroup.stories.mjs +22 -4
- package/dist/components/__stories/AntListGroupItem.stories.mjs +27 -8
- package/dist/components/__stories/AntModal.stories.mjs +17 -4
- package/dist/components/__stories/AntPagination.stories.mjs +21 -6
- package/dist/components/__stories/AntPopover.stories.mjs +20 -4
- package/dist/components/__stories/AntSkeleton.stories.mjs +17 -5
- package/dist/components/__stories/AntSpinner.stories.mjs +33 -9
- package/dist/components/__stories/AntTag.stories.mjs +28 -8
- package/dist/components/__stories/AntToast.stories.mjs +19 -5
- package/dist/components/__stories/AntToaster.stories.d.ts +1 -1
- package/dist/components/__stories/AntToaster.stories.mjs +35 -9
- package/dist/components/__stories/AntTooltip.stories.js +1 -1
- package/dist/components/__stories/AntTooltip.stories.mjs +44 -13
- package/dist/components/buttons/AntActionButton.vue +38 -29
- package/dist/components/buttons/AntButton.vue +34 -13
- package/dist/components/buttons/AntCreateButton.vue +11 -4
- package/dist/components/buttons/AntDeleteButton.vue +11 -4
- package/dist/components/buttons/AntDuplicateButton.vue +11 -4
- package/dist/components/buttons/AntEditButton.vue +11 -4
- package/dist/components/buttons/AntSaveAndNewButton.vue +11 -4
- package/dist/components/buttons/AntSaveButton.vue +11 -4
- package/dist/components/buttons/__stories/AntActionButton.stories.mjs +35 -10
- package/dist/components/buttons/__stories/AntButton.stories.mjs +77 -23
- package/dist/components/buttons/__stories/AntCreateButton.stories.mjs +25 -7
- package/dist/components/buttons/__stories/AntDeleteButton.stories.mjs +25 -7
- package/dist/components/buttons/__stories/AntDuplicateButton.stories.mjs +25 -7
- package/dist/components/buttons/__stories/AntEditButton.stories.mjs +25 -7
- package/dist/components/buttons/__stories/AntSaveAndNewButton.stories.mjs +25 -7
- package/dist/components/buttons/__stories/AntSaveButton.stories.mjs +25 -7
- package/dist/components/crud/AntCrud.vue +6 -6
- package/dist/components/crud/AntCrudDetail.vue +8 -5
- package/dist/components/crud/AntCrudDetailActions.vue +14 -8
- package/dist/components/crud/AntCrudDetailNav.vue +21 -13
- package/dist/components/crud/AntCrudTableFilter.vue +29 -17
- package/dist/components/crud/AntCrudTableNav.vue +36 -22
- package/dist/components/crud/__stories/AntCrud.stories.mjs +17 -5
- package/dist/components/crud/__stories/AntCrudDetail.stories.mjs +11 -3
- package/dist/components/crud/__stories/AntCrudDetailActions.stories.mjs +10 -2
- package/dist/components/crud/__stories/AntCrudDetailNav.stories.mjs +11 -3
- package/dist/components/crud/__stories/AntCrudTableFilter.stories.mjs +17 -5
- package/dist/components/crud/__stories/AntCrudTableNav.stories.mjs +23 -7
- package/dist/components/dialogs/AntDeleteDialog.vue +13 -5
- package/dist/components/dialogs/AntDialog.vue +23 -13
- package/dist/components/dialogs/__stories/AndDeleteDialog.stories.mjs +12 -3
- package/dist/components/dialogs/__stories/AntDialog.stories.mjs +28 -7
- package/dist/components/forms/AntField.vue +18 -7
- package/dist/components/forms/AntFormGroup.vue +9 -5
- package/dist/components/forms/AntFormGroupLabel.vue +1 -1
- package/dist/components/forms/__stories/AntField.stories.mjs +37 -9
- package/dist/components/forms/__stories/AntFormGroup.stories.mjs +20 -5
- package/dist/components/forms/__stories/AntFormGroupLabel.stories.mjs +11 -3
- package/dist/components/index.d.ts +1 -1
- package/dist/components/inputs/AntCheckbox.vue +60 -36
- package/dist/components/inputs/AntCheckboxGroup.vue +39 -15
- package/dist/components/inputs/AntDateInput.vue +35 -12
- package/dist/components/inputs/AntNumberInput.vue +33 -12
- package/dist/components/inputs/AntPasswordInput.vue +32 -11
- package/dist/components/inputs/AntRadio.vue +57 -34
- package/dist/components/inputs/AntRadioGroup.vue +60 -35
- package/dist/components/inputs/AntRangeSlider.vue +31 -12
- package/dist/components/inputs/AntSearch.vue +19 -7
- package/dist/components/inputs/AntSelect.vue +107 -83
- package/dist/components/inputs/AntSwitch.vue +35 -18
- package/dist/components/inputs/AntSwitcher.vue +30 -15
- package/dist/components/inputs/AntTagInput.vue +91 -61
- package/dist/components/inputs/AntTextInput.vue +31 -11
- package/dist/components/inputs/AntTextarea.vue +53 -25
- package/dist/components/inputs/AntUnitInput.vue +33 -12
- package/dist/components/inputs/Elements/AntBaseInput.vue +47 -18
- package/dist/components/inputs/Elements/AntInputDescription.vue +16 -8
- package/dist/components/inputs/Elements/AntInputLabel.vue +13 -5
- package/dist/components/inputs/Elements/AntInputLimiter.vue +13 -5
- package/dist/components/inputs/Elements/AntSelectMenu.vue +65 -41
- package/dist/components/inputs/Elements/__stories/AntBaseInput.stories.mjs +104 -27
- package/dist/components/inputs/Elements/__stories/AntInputDescription.stories.mjs +33 -9
- package/dist/components/inputs/Elements/__stories/AntInputLabel.stories.mjs +34 -9
- package/dist/components/inputs/Elements/__stories/AntInputLimiter.stories.mjs +33 -9
- package/dist/components/inputs/Elements/index.d.ts +1 -1
- package/dist/components/inputs/__stories/AntCheckbox.stories.mjs +34 -9
- package/dist/components/inputs/__stories/AntCheckboxGroup.stories.mjs +45 -21
- package/dist/components/inputs/__stories/AntDateInput.stories.mjs +52 -14
- package/dist/components/inputs/__stories/AntNumberInput.stories.mjs +66 -17
- package/dist/components/inputs/__stories/AntPasswordInput.stories.mjs +51 -13
- package/dist/components/inputs/__stories/AntRadioGroup.stories.mjs +45 -12
- package/dist/components/inputs/__stories/AntRangeSlider.stories.mjs +16 -5
- package/dist/components/inputs/__stories/AntSearch.stories.mjs +41 -10
- package/dist/components/inputs/__stories/AntSelect.stories.mjs +59 -15
- package/dist/components/inputs/__stories/AntSwitch.stories.js +126 -102
- package/dist/components/inputs/__stories/AntSwitch.stories.mjs +162 -112
- package/dist/components/inputs/__stories/AntSwitcher.stories.mjs +38 -10
- package/dist/components/inputs/__stories/AntTagInput.stories.mjs +46 -12
- package/dist/components/inputs/__stories/AntTextInput.stories.mjs +59 -16
- package/dist/components/inputs/__stories/AntTextarea.stories.mjs +47 -13
- package/dist/components/inputs/__stories/AntUnitInput.stories.mjs +46 -12
- package/dist/components/layouts/AntNavLeftLayout.vue +12 -6
- package/dist/components/layouts/__stories/AntNavLeftLayout.stories.mjs +10 -2
- package/dist/components/navbar/AntNavbar.vue +7 -3
- package/dist/components/navbar/AntNavbarItem.vue +12 -6
- package/dist/components/navbar/__stories/AntNavbar.stories.mjs +59 -37
- package/dist/components/table/AntCollapsibleTableRowContent.vue +7 -5
- package/dist/components/table/AntTable.vue +210 -165
- package/dist/components/table/AntTableSkeleton.vue +126 -0
- package/dist/components/table/AntTableSortButton.vue +22 -13
- package/dist/components/table/AntTd.vue +21 -17
- package/dist/components/table/AntTh.vue +19 -12
- package/dist/components/table/__stories/AntTable.stories.js +1 -1
- package/dist/components/table/__stories/AntTable.stories.mjs +190 -62
- package/dist/components/tabs/AntTabItem.vue +20 -8
- package/dist/components/tabs/AntTabs.vue +35 -21
- package/dist/components/tabs/__stories/AntTabItem.stories.mjs +23 -7
- package/dist/components/tabs/__stories/AntTabs.stories.mjs +45 -13
- package/dist/components/transitions/AntTransitionCollapseHeight.vue +1 -1
- package/dist/composables/useToaster.mjs +25 -7
- package/dist/index.css +1 -0
- package/dist/utils.mjs +3 -1
- package/package.json +23 -16
- package/dist/tailwind.config.d.ts +0 -3
- package/dist/tailwind.config.js +0 -198
- package/dist/tailwind.config.mjs +0 -189
package/dist/tailwind.config.mjs
DELETED
|
@@ -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
|
-
};
|