Skip to content

feat(Flags): add Malaysia and Taiwan, standardize rounded corners #1030

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DreaminDani merged 3 commits into from
May 15, 2026
Merged

feat(Flags): add Malaysia and Taiwan, standardize rounded corners #1030

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5ad99ca
feat(Flags): add Malaysia and Taiwan flags
DreaminDani May 15, 2026
e55ade4
fix(Flags): apply consistent rounded corners across all flags
DreaminDani May 15, 2026
26611a1
chore(stories): add Flag story and move Icon/Logo under Assets
DreaminDani May 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions src/components/Assets/Flags/Australia.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const Australia = (props: SVGAssetProps): React.ReactElement => (
<g clipPath="url(#clip0_2882_11964)">
<path
fill="#012169"
d="M29 0H1a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1Z"
d="M0 0h30v20H0V0Z"
/>
<mask
id="mask0_2882_11964"
Expand Down Expand Up @@ -94,9 +94,11 @@ const Australia = (props: SVGAssetProps): React.ReactElement => (
</g>
<defs>
<clipPath id="clip0_2882_11964">
<path
<rect
width={30}
height={20}
fill="#fff"
d="M0 0h30v20H0z"
rx={1}
/>
</clipPath>
</defs>
Expand Down
9 changes: 5 additions & 4 deletions src/components/Assets/Flags/Brazil.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,14 @@ const Brazil = (props: SVGAssetProps): React.ReactElement => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="21"
viewBox="0 0 30 21"
height="20"
viewBox="0 0 30 20"
fill="none"
{...props}
>
<g clipPath="url(#clip0_3880_11917)">
<path
d="M0 1C0 0.447715 0.447715 0 1 0H29C29.5523 0 30 0.447715 30 1V19C30 19.5523 29.5523 20 29 20H1C0.447716 20 0 19.5523 0 19V1Z"
d="M0 0H30V20H0V0Z"
fill="#009B3A"
/>
<path
Expand Down Expand Up @@ -1242,8 +1242,9 @@ const Brazil = (props: SVGAssetProps): React.ReactElement => (
<clipPath id="clip0_3880_11917">
<rect
width="30"
height="21"
height="20"
fill="white"
rx="1"
/>
</clipPath>
</defs>
Expand Down
6 changes: 4 additions & 2 deletions src/components/Assets/Flags/Germany.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,11 @@ const Germany = (props: SVGAssetProps): React.ReactElement => (
</g>
<defs>
<clipPath id="germanyFlagClipPath">
<path
<rect
width={30}
height={20}
fill="#fff"
d="M0 0h30v20H0z"
rx={1}
/>
</clipPath>
</defs>
Expand Down
1 change: 1 addition & 0 deletions src/components/Assets/Flags/Japan.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ const Japan = (props: SVGAssetProps): React.ReactElement => (
width="30"
height="20"
fill="white"
rx="1"
/>
</clipPath>
</defs>
Expand Down
46 changes: 46 additions & 0 deletions src/components/Assets/Flags/Malaysia.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
import type { SVGAssetProps } from '@/types';

const Malaysia = (props: SVGAssetProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={30}
height={20}
fill="none"
viewBox="0 0 30 20"
{...props}
>
<g clipPath="url(#a)">
<path
fill="#CC0001"
d="M0 0H30V20H0V0Z"
/>
<path
fill="#fff"
d="M0 18.5713H30V19.9999H0V18.5713ZM0 15.7144H30V17.1429H0V15.7144ZM0 12.8569H30V14.2855H0V12.8569ZM0 10H30V11.4286H0V10ZM0 7.14307H30V8.57164H0V7.14307ZM0 4.28564H30V5.71422H0V4.28564ZM0 1.42871H30V2.85728H0V1.42871Z"
/>
<path
fill="#010066"
d="M0 0H15V11.4286H0V0Z"
/>
<path
fill="#FC0"
d="M5.72871 1.42871C3.35514 1.42871 1.42871 3.34871 1.42871 5.71442C1.42871 8.08014 3.35514 10.0001 5.72871 10.0001C6.58628 10.0001 7.38514 9.74928 8.05628 9.31757C7.66543 9.45242 7.24628 9.52614 6.80957 9.52614C4.70485 9.52614 2.99671 7.82371 2.99671 5.72614C2.99671 3.62828 4.70485 1.92585 6.80957 1.92585C7.27457 1.92585 7.72014 2.00871 8.13243 2.16114C7.44614 1.69871 6.61871 1.42871 5.72871 1.42871Z"
/>
<path
fill="#FC0"
d="M12.8597 7.9455L11.0483 7.0005L11.584 8.93478L10.3726 7.31678L9.99443 9.28592L9.62271 7.31564L8.40614 8.92992L8.94785 6.99735L7.13357 7.93692L8.48128 6.42507L6.42871 6.50364L8.31557 5.71192L6.43128 4.9145L8.48357 4.99935L7.14071 3.48364L8.95185 4.4285L8.41614 2.49421L9.62785 4.11221L10.0059 2.14307L10.3776 4.11335L11.5941 2.49907L11.0524 4.43164L12.8667 3.49207L11.519 5.00392L13.5716 4.92535L11.6847 5.71707L13.569 6.5145L11.5167 6.42964L12.8597 7.9455Z"
/>
</g>
<defs>
<clipPath id="a">
<rect
width={30}
height={20}
fill="#fff"
rx={1}
/>
</clipPath>
</defs>
</svg>
);
export default Malaysia;
1 change: 1 addition & 0 deletions src/components/Assets/Flags/South-Korea.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,7 @@ const SouthKorea = (props: SVGAssetProps): React.ReactElement => (
width="30"
height="20"
fill="white"
rx="1"
/>
</clipPath>
</defs>
Expand Down
1 change: 1 addition & 0 deletions src/components/Assets/Flags/Switzerland.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@ const Switzerland = (props: SVGAssetProps): React.ReactElement => (
width="30"
height="20"
fill="white"
rx="1"
/>
</clipPath>
</defs>
Expand Down
54 changes: 54 additions & 0 deletions src/components/Assets/Flags/Taiwan.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
import type { SVGAssetProps } from '@/types';

const Taiwan = (props: SVGAssetProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={30}
height={20}
fill="none"
viewBox="0 0 30 20"
{...props}
>
<g clipPath="url(#a)">
<path
fill="#FE0000"
d="M0 0H30V20H0V0Z"
/>
<path
fill="#000094"
d="M0 0H15V10H0V0Z"
/>
<path
fill="#fff"
d="M7.5 1.25L8.5 5L7.5 8.75L6.5 5L7.5 1.25ZM3.75 5L7.5 6L11.25 5L7.5 4L3.75 5Z"
/>
<path
fill="#fff"
d="M9.37455 1.75244L8.36557 5.50004L5.62455 8.24763L6.63352 4.50004L9.37455 1.75244ZM4.25195 3.12504L6.99955 5.86606L10.7471 6.87504L7.99955 4.13401L4.25195 3.12504Z"
/>
<path
fill="#fff"
d="M10.748 3.12504L8.00045 5.86606L4.25286 6.87504L7.00045 4.13401L10.748 3.12504ZM5.62545 1.75244L6.63443 5.50004L9.37545 8.24763L8.36648 4.50004L5.62545 1.75244Z"
/>
<path
fill="#fff"
d="M7.5 7C8.60457 7 9.5 6.10457 9.5 5C9.5 3.89543 8.60457 3 7.5 3C6.39543 3 5.5 3.89543 5.5 5C5.5 6.10457 6.39543 7 7.5 7Z"
/>
<path
fill="#000094"
d="M9.375 5C9.375 3.96447 8.53553 3.125 7.5 3.125C6.46447 3.125 5.625 3.96447 5.625 5C5.625 6.03553 6.46447 6.875 7.5 6.875C8.53553 6.875 9.375 6.03553 9.375 5ZM9.625 5C9.625 6.1736 8.6736 7.125 7.5 7.125C6.32639 7.125 5.375 6.1736 5.375 5C5.375 3.82639 6.32639 2.875 7.5 2.875C8.6736 2.875 9.625 3.82639 9.625 5Z"
/>
</g>
<defs>
<clipPath id="a">
<rect
width={30}
height={20}
fill="#fff"
rx={1}
/>
</clipPath>
</defs>
</svg>
);
export default Taiwan;
1 change: 1 addition & 0 deletions src/components/Assets/Flags/United-Arab-Emirates.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ const UnitedArabEmirates = (props: SVGAssetProps): React.ReactElement => (
width="30"
height="20"
fill="white"
rx="1"
/>
</clipPath>
</defs>
Expand Down
44 changes: 28 additions & 16 deletions src/components/Assets/Flags/United-States.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,22 +10,34 @@ const UnitedStates = (props: SVGAssetProps): React.ReactElement => (
fill="none"
{...props}
>
<path
fill="#B22234"
d="M0 0h30v20H0V0Z"
/>
<path
fill="#fff"
d="M0 1.538h30v1.538H0V1.538Zm0 3.076h30v1.538H0V4.614ZM0 7.69h30v1.538H0V7.69Zm0 3.076h30v1.538H0v-1.538Zm0 3.076h30v1.538H0v-1.538Zm0 3.076h30v1.538H0v-1.538Z"
/>
<path
fill="#3C3B6E"
d="M0 0h13.333v10.766H0V0Z"
/>
<path
fill="#fff"
d="m1.11.428.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448L.494.876h.471L1.11.429Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449ZM3.332.428l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472L3.33.429Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449ZM5.553.428l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM7.774.428l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM9.995.428l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.146.449.47-.001-.381.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM12.216.428l.145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448L11.6.876h.472l.144-.448ZM1.11 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448-.382-.276h.471l.145-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449ZM3.332 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449ZM5.553 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM7.774 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM9.995 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.146.449.47-.001-.381.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448ZM1.11 4.732l.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448-.382-.276h.471l.145-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.146.449.47-.001-.381.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448ZM1.11 6.884l.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448-.382-.276h.471l.145-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.146.449.47-.001-.381.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448ZM1.11 9.036l.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448-.382-.276h.471l.145-.448Zm2.221 0 .145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm2.221 0 .145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm2.221 0 .145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm2.221 0 .145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm2.221 0 .145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Z"
/>
<g clipPath="url(#a)">
<path
fill="#B22234"
d="M0 0h30v20H0V0Z"
/>
<path
fill="#fff"
d="M0 1.538h30v1.538H0V1.538Zm0 3.076h30v1.538H0V4.614ZM0 7.69h30v1.538H0V7.69Zm0 3.076h30v1.538H0v-1.538Zm0 3.076h30v1.538H0v-1.538Zm0 3.076h30v1.538H0v-1.538Z"
/>
<path
fill="#3C3B6E"
d="M0 0h13.333v10.766H0V0Z"
/>
<path
fill="#fff"
d="m1.11.428.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448L.494.876h.471L1.11.429Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449ZM3.332.428l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472L3.33.429Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449ZM5.553.428l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM7.774.428l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM9.995.428l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.146.449.47-.001-.381.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM12.216.428l.145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448L11.6.876h.472l.144-.448ZM1.11 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448-.382-.276h.471l.145-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449ZM3.332 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449ZM5.553 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM7.774 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449ZM9.995 2.58l.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.146.449.47-.001-.381.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448ZM1.11 4.732l.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448-.382-.276h.471l.145-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.146.449.47-.001-.381.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448ZM1.11 6.884l.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448-.382-.276h.471l.145-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.381.278.147-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.146.448-.38-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.145.449.472-.001-.382.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm1.11 1.014.146.449.47-.001-.381.276.147.448-.381-.278-.38.278.146-.448-.382-.276.471.001.145-.449Zm1.111-1.014.145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448ZM1.11 9.036l.145.449.471-.001-.382.276.147.448-.38-.278-.382.278.147-.448-.382-.276h.471l.145-.448Zm2.221 0 .145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm2.221 0 .145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm2.221 0 .145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm2.221 0 .145.449.471-.001-.382.276.147.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Zm2.221 0 .145.449.471-.001-.381.276.146.448-.38-.278-.381.278.146-.448-.382-.276h.472l.144-.448Z"
/>
</g>
<defs>
<clipPath id="a">
<rect
width={30}
height={20}
fill="#fff"
rx={1}
/>
</clipPath>
</defs>
</svg>
);
export default UnitedStates;
27 changes: 27 additions & 0 deletions src/components/Assets/Flags/system/Flag.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
import { Meta, StoryObj } from '@storybook/react-vite';
import { Flag } from './Flag';
import FlagsLight from './FlagsLight';

const meta: Meta<typeof Flag> = {
component: Flag,
title: 'Assets/Flag',
tags: ['FLAG', 'autodocs'],
argTypes: {
name: {
options: Object.keys(FlagsLight),
control: { type: 'select' },
},
},
};

export default meta;

type Story = StoryObj<typeof Flag>;

export const Playground: Story = {
args: {
name: 'united-states',
width: '32px',
height: '32px',
},
};
4 changes: 4 additions & 0 deletions src/components/Assets/Flags/system/FlagsDark.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,15 @@ import Indonesia from '../Indonesia';
import Ireland from '../Ireland';
import Israel from '../Israel';
import Japan from '../Japan';
import Malaysia from '../Malaysia';
import Mexico from '../Mexico';
import Netherlands from '../Netherlands';
import Singapore from '../Singapore';
import South_Africa from '../South-Africa';
import South_Korea from '../South-Korea';
import Sweden from '../Sweden';
import Switzerland from '../Switzerland';
import Taiwan from '../Taiwan';
import United_Arab_Emirates from '../United-Arab-Emirates';
import United_Kingdom from '../United-Kingdom';
import United_States from '../United-States';
Expand All @@ -44,13 +46,15 @@ const FlagsDark: Record<FlagName, ComponentType<SVGAssetProps>> = {
ireland: Ireland,
israel: Israel,
japan: Japan,
malaysia: Malaysia,
mexico: Mexico,
netherlands: Netherlands,
singapore: Singapore,
'south-africa': South_Africa,
'south-korea': South_Korea,
sweden: Sweden,
switzerland: Switzerland,
taiwan: Taiwan,
'united-arab-emirates': United_Arab_Emirates,
'united-kingdom': United_Kingdom,
'united-states': United_States,
Expand Down
4 changes: 4 additions & 0 deletions src/components/Assets/Flags/system/FlagsLight.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,15 @@ import Indonesia from '../Indonesia';
import Ireland from '../Ireland';
import Israel from '../Israel';
import Japan from '../Japan';
import Malaysia from '../Malaysia';
import Mexico from '../Mexico';
import Netherlands from '../Netherlands';
import Singapore from '../Singapore';
import South_Africa from '../South-Africa';
import South_Korea from '../South-Korea';
import Sweden from '../Sweden';
import Switzerland from '../Switzerland';
import Taiwan from '../Taiwan';
import United_Arab_Emirates from '../United-Arab-Emirates';
import United_Kingdom from '../United-Kingdom';
import United_States from '../United-States';
Expand All @@ -44,13 +46,15 @@ const FlagsLight: Record<FlagName, ComponentType<SVGAssetProps>> = {
ireland: Ireland,
israel: Israel,
japan: Japan,
malaysia: Malaysia,
mexico: Mexico,
netherlands: Netherlands,
singapore: Singapore,
'south-africa': South_Africa,
'south-korea': South_Korea,
sweden: Sweden,
switzerland: Switzerland,
taiwan: Taiwan,
'united-arab-emirates': United_Arab_Emirates,
'united-kingdom': United_Kingdom,
'united-states': United_States,
Expand Down
Loading
Loading