Skip to content

Commit 7e24177

Browse files
KinduD21KinduD21
committed
feat: add UAvatarGroup component and enhance UAvatar with chip support
- Introduced UAvatarGroup component for grouping avatars. - Enhanced UAvatar to support a chip configuration, allowing for additional visual elements. - Updated related types and configurations to accommodate new features. - Modified storybook stories to demonstrate new functionalities and configurations.
1 parent b583614 commit 7e24177

File tree

22 files changed

+260
-318
lines changed

22 files changed

+260
-318
lines changed

‎src/components.d.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,7 @@ export { default as UPage } from "./ui.container-page/UPage.vue";
5656
/* Images and Icons */
5757
export { default as UIcon } from "./ui.image-icon/UIcon.vue";
5858
export { default as UAvatar } from "./ui.image-avatar/UAvatar.vue";
59+
export { default as UAvatarGroup } from "./ui.image-avatar-group/UAvatarGroup.vue";
5960
/* Data */
6061
export { default as UTable } from "./ui.data-table/UTable.vue";
6162
export { default as UDataList } from "./ui.data-list/UDataList.vue";

‎src/components.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,7 @@ export { default as UPage } from "./ui.container-page/UPage.vue";
5656
/* Images and Icons */
5757
export { default as UIcon } from "./ui.image-icon/UIcon.vue";
5858
export { default as UAvatar } from "./ui.image-avatar/UAvatar.vue";
59+
export { default as UAvatarGroup } from "./ui.image-avatar-group/UAvatarGroup.vue";
5960
/* Data */
6061
export { default as UTable } from "./ui.data-table/UTable.vue";
6162
export { default as UDataList } from "./ui.data-list/UDataList.vue";

‎src/constants.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -306,6 +306,7 @@ export const COMPONENTS = {
306306
/* Images and Icons */
307307
UIcon: "ui.image-icon",
308308
UAvatar: "ui.image-avatar",
309+
UAvatarGroup: "ui.image-avatar-group",
309310

310311
/* Data */
311312
UTable: "ui.data-table",

‎src/types.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ import UTabConfig from "./ui.navigation-tab/config";
3939
import UTabsConfig from "./ui.navigation-tabs/config";
4040
import UBreadcrumbsConfig from "./ui.navigation-breadcrumbs/config";
4141
import UAvatarConfig from "./ui.image-avatar/config";
42+
import UAvatarGroupConfig from "./ui.image-avatar-group/config";
4243
import UIconConfig from "./ui.image-icon/config";
4344
import UCheckboxConfig from "./ui.form-checkbox/config";
4445
import UCheckboxGroupConfig from "./ui.form-checkbox-group/config";
@@ -306,6 +307,7 @@ export interface Components {
306307
UTabs: Partial<typeof UTabsConfig>;
307308
UBreadcrumbs: Partial<typeof UBreadcrumbsConfig>;
308309
UAvatar: Partial<typeof UAvatarConfig>;
310+
UAvatarGroup: Partial<typeof UAvatarGroupConfig>;
309311
UIcon: Partial<typeof UIconConfig>;
310312
UCheckbox: Partial<typeof UCheckboxConfig>;
311313
UCheckboxGroup: Partial<typeof UCheckboxGroupConfig>;

‎src/ui.button/storybook/stories.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -79,8 +79,8 @@ const MultiEnumTemplate: StoryFn<UButtonArgs> = (args: UButtonArgs, { argTypes }
7979
export const Default = DefaultTemplate.bind({});
8080
Default.args = { label: "Button" };
8181

82-
export const Variant = EnumTemplate.bind({});
83-
Variant.args = { enum: "variant", label: "{enumValue}" };
82+
export const Variants = EnumTemplate.bind({});
83+
Variants.args = { enum: "variant", label: "{enumValue}" };
8484

8585
export const Round = EnumTemplate.bind({});
8686
Round.args = { enum: "variant", label: "{enumValue}", round: true };

‎src/ui.container-card/storybook/stories.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -125,8 +125,8 @@ Description.args = {
125125
description: "Customize your cookie settings to enhance your browsing experience.",
126126
};
127127

128-
export const Variant = EnumTemplate.bind({});
129-
Variant.args = { enum: "variant", title: "{enumValue}" };
128+
export const Variants = EnumTemplate.bind({});
129+
Variants.args = { enum: "variant", title: "{enumValue}" };
130130

131131
export const BeforeTitleSlot = DefaultTemplate.bind({});
132132
BeforeTitleSlot.args = {

‎src/ui.container-drawer/storybook/stories.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -162,8 +162,8 @@ NoCloseOnCross.args = { closeOnCross: false };
162162
export const Position = EnumTemplate.bind({});
163163
Position.args = { enum: "position", modelValues: {} };
164164

165-
export const Variant = EnumTemplate.bind({});
166-
Variant.args = { enum: "variant", modelValues: {} };
165+
export const Variants = EnumTemplate.bind({});
166+
Variants.args = { enum: "variant", modelValues: {} };
167167

168168
export const BeforeTitleSlot = DefaultTemplate.bind({});
169169
BeforeTitleSlot.args = {

‎src/ui.container-modal-confirm/storybook/stories.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -221,8 +221,8 @@ DisableConfirmButton.args = { confirmDisabled: true };
221221
export const Sizes = EnumTemplate.bind({});
222222
Sizes.args = { enum: "size", modelValues: {} };
223223

224-
export const Variant = EnumTemplate.bind({});
225-
Variant.args = { enum: "variant", modelValues: {} };
224+
export const Variants = EnumTemplate.bind({});
225+
Variants.args = { enum: "variant", modelValues: {} };
226226

227227
export const Colors: StoryFn<UModalConfirmArgs> = (args: UModalConfirmArgs, { argTypes }) => ({
228228
components: { UModalConfirm, UButton, URow },

‎src/ui.container-modal/storybook/stories.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -280,8 +280,8 @@ WithoutDivider.parameters = {
280280
export const Sizes = EnumTemplate.bind({});
281281
Sizes.args = { enum: "size", modelValues: {} };
282282

283-
export const Variant = EnumTemplate.bind({});
284-
Variant.args = { enum: "variant", modelValues: {} };
283+
export const Variants = EnumTemplate.bind({});
284+
Variants.args = { enum: "variant", modelValues: {} };
285285

286286
export const BackLink: StoryFn<UModalArgs> = (args: UModalArgs) => ({
287287
components: { UModal, UButton, UCheckbox, UCol, URow, UDivider, UInput, UInputPassword },

‎src/ui.container-page/storybook/stories.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -212,9 +212,9 @@ Sizes.parameters = {
212212
},
213213
};
214214

215-
export const Variant = EnumTemplate.bind({});
216-
Variant.args = { enum: "variant", description: "{enumValue}" };
217-
Variant.parameters = {
215+
export const Variants = EnumTemplate.bind({});
216+
Variants.args = { enum: "variant", description: "{enumValue}" };
217+
Variants.parameters = {
218218
docs: {
219219
description: {
220220
story: "Page variant.",

0 commit comments

Comments
 (0)