CommunityRule/community-rule
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup assets

Browse Source
This commit is contained in:
adilallo
2026-05-21 22:56:34 -06:00
parent f3b73527fc
commit 28de8ef3bc
83 changed files with 506 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stories/asset/Avatar.stories.js
+17 -17
View File
@@ -36,7 +36,7 @@ export default {
export const Default = {
args: {
src: "assets/Avatar_1.png",
src: "assets/marketing/avatar-1.svg",
alt: "User Avatar",
size: "medium",
},
@@ -44,7 +44,7 @@ export const Default = {
export const Sizes = {
args: {
src: "assets/Avatar_1.png",
src: "assets/marketing/avatar-1.svg",
alt: "User Avatar",
},
render: (args) => (
@@ -73,9 +73,9 @@ export const DifferentAvatars = {
render: (args) => (
<div className="space-y-4">
<div className="space-x-4">
<Avatar {...args} src="assets/Avatar_1.png" alt="User 1" />
<Avatar {...args} src="assets/Avatar_2.png" alt="User 2" />
<Avatar {...args} src="assets/Avatar_3.png" alt="User 3" />
<Avatar {...args} src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar {...args} src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar {...args} src="assets/marketing/avatar-3.svg" alt="User 3" />
</div>
</div>
),
@@ -95,36 +95,36 @@ export const AllSizesWithDifferentAvatars = {
<div>
<h3 className="text-white font-semibold mb-3">Small Size</h3>
<div className="space-x-4">
<Avatar size="small" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="small" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="small" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="small" src="assets/marketing/avatar-3.svg" alt="User 3" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Medium Size</h3>
<div className="space-x-4">
<Avatar size="medium" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="medium" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="medium" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="medium" src="assets/marketing/avatar-3.svg" alt="User 3" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Large Size</h3>
<div className="space-x-4">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="large" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="large" src="assets/marketing/avatar-3.svg" alt="User 3" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">XLarge Size</h3>
<div className="space-x-4">
<Avatar size="xlarge" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="xlarge" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="xlarge" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="xlarge" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="xlarge" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="xlarge" src="assets/marketing/avatar-3.svg" alt="User 3" />
</div>
</div>
</div>
stories/asset/AvatarContainer.stories.js
+38 -38
View File
@@ -33,9 +33,9 @@ export const Default = {
},
render: (args) => (
<AvatarContainer {...args}>
<Avatar size={args.size} src="assets/Avatar_1.png" alt="User 1" />
<Avatar size={args.size} src="assets/Avatar_2.png" alt="User 2" />
<Avatar size={args.size} src="assets/Avatar_3.png" alt="User 3" />
<Avatar size={args.size} src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size={args.size} src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size={args.size} src="assets/marketing/avatar-3.svg" alt="User 3" />
</AvatarContainer>
),
};
@@ -47,36 +47,36 @@ export const Sizes = {
<div>
<h3 className="text-white font-semibold mb-3">Small Size</h3>
<AvatarContainer size="small">
<Avatar size="small" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="small" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="small" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="small" src="assets/marketing/avatar-3.svg" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Medium Size</h3>
<AvatarContainer size="medium">
<Avatar size="medium" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="medium" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="medium" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="medium" src="assets/marketing/avatar-3.svg" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Large Size</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="large" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="large" src="assets/marketing/avatar-3.svg" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">XLarge Size</h3>
<AvatarContainer size="xlarge">
<Avatar size="xlarge" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="xlarge" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="xlarge" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="xlarge" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="xlarge" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="xlarge" src="assets/marketing/avatar-3.svg" alt="User 3" />
</AvatarContainer>
</div>
</div>
@@ -98,38 +98,38 @@ export const DifferentGroupSizes = {
<div>
<h3 className="text-white font-semibold mb-3">2 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="large" src="assets/marketing/avatar-2.svg" alt="User 2" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">3 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="large" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="large" src="assets/marketing/avatar-3.svg" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">4 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 4" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="large" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="large" src="assets/marketing/avatar-3.svg" alt="User 3" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 4" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">5 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 4" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 5" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="large" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="large" src="assets/marketing/avatar-3.svg" alt="User 3" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 4" />
<Avatar size="large" src="assets/marketing/avatar-2.svg" alt="User 5" />
</AvatarContainer>
</div>
</div>
@@ -158,9 +158,9 @@ export const InContext = {
<h3 className="text-white font-semibold mb-4">Team Members</h3>
<div className="flex items-center space-x-4">
<AvatarContainer size="medium">
<Avatar size="medium" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="medium" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="medium" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="medium" src="assets/marketing/avatar-3.svg" alt="User 3" />
</AvatarContainer>
<span className="text-white">3 team members</span>
</div>
@@ -172,10 +172,10 @@ export const InContext = {
</h3>
<div className="flex items-center space-x-4">
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 4" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="large" src="assets/marketing/avatar-2.svg" alt="User 2" />
<Avatar size="large" src="assets/marketing/avatar-3.svg" alt="User 3" />
<Avatar size="large" src="assets/marketing/avatar-1.svg" alt="User 4" />
</AvatarContainer>
<span className="text-white">4 contributors</span>
</div>
@@ -185,8 +185,8 @@ export const InContext = {
<h3 className="text-white font-semibold mb-4">Small Team</h3>
<div className="flex items-center space-x-4">
<AvatarContainer size="small">
<Avatar size="small" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="assets/marketing/avatar-1.svg" alt="User 1" />
<Avatar size="small" src="assets/marketing/avatar-2.svg" alt="User 2" />
</AvatarContainer>
<span className="text-white">2 members</span>
</div>
stories/cards/Mini.stories.js
+6 -6
View File
@@ -30,7 +30,7 @@ export const Default = {
backgroundColor: "bg-[var(--color-surface-default-brand-royal)]",
labelLine1: "Decision-making",
labelLine2: "support",
panelContent: "assets/Feature_Support.png",
panelContent: "assets/marketing/feature-support.png",
},
};
@@ -41,25 +41,25 @@ export const ColorVariants = {
backgroundColor="bg-[var(--color-surface-default-brand-royal)]"
labelLine1="Decision-making"
labelLine2="support"
panelContent="assets/Feature_Support.png"
panelContent="assets/marketing/feature-support.png"
/>
<Mini
backgroundColor="bg-[#D1FFE2]"
labelLine1="Values alignment"
labelLine2="exercises"
panelContent="assets/Feature_Exercises.png"
panelContent="assets/marketing/feature-exercises.png"
/>
<Mini
backgroundColor="bg-[#F4CAFF]"
labelLine1="Membership"
labelLine2="guidance"
panelContent="assets/Feature_Guidance.png"
panelContent="assets/marketing/feature-guidance.png"
/>
<Mini
backgroundColor="bg-[#CBDDFF]"
labelLine1="Conflict resolution"
labelLine2="tools"
panelContent="assets/Feature_Tools.png"
panelContent="assets/marketing/feature-tools.png"
/>
</div>
),
@@ -70,7 +70,7 @@ export const AsLink = {
backgroundColor: "bg-[var(--color-surface-default-brand-royal)]",
labelLine1: "Decision-making",
labelLine2: "support",
panelContent: "assets/Feature_Support.png",
panelContent: "assets/marketing/feature-support.png",
href: "#decision-making",
ariaLabel: "Navigate to decision-making support tools",
},
stories/sections/LogoWall.stories.js
+2 -2
View File
@@ -37,13 +37,13 @@ export default {
<LogoWall
logos={[
{
src: "assets/Section/Logo_CUBoulder.png",
src: "assets/logos/partners/cu-boulder.svg",
alt: "CU Boulder",
size: "h-10 lg:h-12 xl:h-[60px]",
order: "order-1 sm:order-2"
},
{
src: "assets/Section/Logo_FoodNotBombs.png",
src: "assets/logos/partners/food-not-bombs.svg",
alt: "Food Not Bombs",
size: "h-11 lg:h-14 xl:h-[70px]",
order: "order-2 sm:order-1"
stories/sections/QuoteBlock.stories.js
+4 -4
View File
@@ -76,7 +76,7 @@ export const Default = {
"The rules of decision-making must be open and available to everyone, and this can happen only if they are formalized.",
author: "Jo Freeman",
source: "The Tyranny of Structurelessness",
avatarSrc: "assets/Quote_Avatar.svg",
avatarSrc: "assets/marketing/quote-avatar.svg",
},
};
@@ -91,7 +91,7 @@ export const AllVariants = {
quote="The rules of decision-making must be open and available to everyone."
author="Jo Freeman"
source="The Tyranny of Structurelessness"
avatarSrc="assets/Quote_Avatar.svg"
avatarSrc="assets/marketing/quote-avatar.svg"
/>
</div>
@@ -102,7 +102,7 @@ export const AllVariants = {
quote="The rules of decision-making must be open and available to everyone, and this can happen only if they are formalized."
author="Jo Freeman"
source="The Tyranny of Structurelessness"
avatarSrc="assets/Quote_Avatar.svg"
avatarSrc="assets/marketing/quote-avatar.svg"
/>
</div>
@@ -113,7 +113,7 @@ export const AllVariants = {
quote="The rules of decision-making must be open and available to everyone, and this can happen only if they are formalized."
author="Jo Freeman"
source="The Tyranny of Structurelessness"
avatarSrc="assets/Quote_Avatar.svg"
avatarSrc="assets/marketing/quote-avatar.svg"
/>
</div>
</div>