decentraland-ui2 0.31.1-18562870010.commit-9aa6d92 → 0.31.1-18569742462.commit-1a0cc7b
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/Icon/Chains/ChainsIcons.stories.d.ts +15 -0
- package/dist/components/Icon/Chains/ChainsIcons.stories.js +46 -0
- package/dist/components/Icon/Chains/ChainsIcons.stories.js.map +1 -0
- package/dist/components/Icon/Emotes/EmotesIcons.stories.d.ts +12 -0
- package/dist/components/Icon/Emotes/EmotesIcons.stories.js +37 -0
- package/dist/components/Icon/Emotes/EmotesIcons.stories.js.map +1 -0
- package/dist/components/Icon/Icons.stories.d.ts +18 -0
- package/dist/components/Icon/Icons.stories.js +58 -0
- package/dist/components/Icon/Icons.stories.js.map +1 -0
- package/dist/components/Icon/Icons.stories.styled.d.ts +5 -0
- package/dist/components/Icon/Icons.stories.styled.js +10 -0
- package/dist/components/Icon/Icons.stories.styled.js.map +1 -0
- package/dist/components/Icon/Notifications/NotificationsIcons.stories.d.ts +41 -0
- package/dist/components/Icon/Notifications/NotificationsIcons.stories.js +150 -0
- package/dist/components/Icon/Notifications/NotificationsIcons.stories.js.map +1 -0
- package/dist/components/Icon/Social/SocialIcons.stories.js +3 -2
- package/dist/components/Icon/Social/SocialIcons.stories.js.map +1 -1
- package/dist/components/Icon/Wearables/WearablesIcons.stories.d.ts +30 -0
- package/dist/components/Icon/Wearables/WearablesIcons.stories.js +109 -0
- package/dist/components/Icon/Wearables/WearablesIcons.stories.js.map +1 -0
- package/dist/components/Notifications/NotificationsFeedTabs.styled.js +2 -2
- package/dist/components/Notifications/NotificationsFeedTabs.styled.js.map +1 -1
- package/dist/components/Profile/Profile.styled.js +3 -1
- package/dist/components/Profile/Profile.styled.js.map +1 -1
- package/dist/components/RarityBadge/RarityBadge.d.ts +4 -0
- package/dist/components/RarityBadge/RarityBadge.i18n.d.ts +3 -0
- package/dist/components/RarityBadge/RarityBadge.i18n.js +25 -0
- package/dist/components/RarityBadge/RarityBadge.i18n.js.map +1 -0
- package/dist/components/RarityBadge/RarityBadge.js +12 -0
- package/dist/components/RarityBadge/RarityBadge.js.map +1 -0
- package/dist/components/RarityBadge/RarityBadge.stories.d.ts +20 -0
- package/dist/components/RarityBadge/RarityBadge.stories.js +144 -0
- package/dist/components/RarityBadge/RarityBadge.stories.js.map +1 -0
- package/dist/components/RarityBadge/RarityBadge.stories.styled.d.ts +6 -0
- package/dist/components/RarityBadge/RarityBadge.stories.styled.js +9 -0
- package/dist/components/RarityBadge/RarityBadge.stories.styled.js.map +1 -0
- package/dist/components/RarityBadge/RarityBadge.styled.d.ts +7 -0
- package/dist/components/RarityBadge/RarityBadge.styled.js +34 -0
- package/dist/components/RarityBadge/RarityBadge.styled.js.map +1 -0
- package/dist/components/RarityBadge/RarityBadge.types.d.ts +12 -0
- package/dist/components/RarityBadge/RarityBadge.types.js +2 -0
- package/dist/components/RarityBadge/RarityBadge.types.js.map +1 -0
- package/dist/components/RarityBadge/index.d.ts +2 -0
- package/dist/components/RarityBadge/index.js +3 -0
- package/dist/components/RarityBadge/index.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/theme/colorSchemes.js +42 -1
- package/dist/theme/colorSchemes.js.map +1 -1
- package/dist/theme/colors.d.ts +12 -16
- package/dist/theme/colors.js +15 -1
- package/dist/theme/colors.js.map +1 -1
- package/dist/utils/colors.d.ts +5 -0
- package/dist/utils/colors.js +22 -0
- package/dist/utils/colors.js.map +1 -0
- package/dist/utils/colors.spec.d.ts +1 -0
- package/dist/utils/colors.spec.js +139 -0
- package/dist/utils/colors.spec.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ArbitrumIcon } from "./ArbitrumIcon";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: Meta<typeof ArbitrumIcon>;
|
|
4
|
+
type Story = StoryObj<typeof ArbitrumIcon>;
|
|
5
|
+
declare const Arbitrum: Story;
|
|
6
|
+
declare const Avalanche: Story;
|
|
7
|
+
declare const Binance: Story;
|
|
8
|
+
declare const Ethereum: Story;
|
|
9
|
+
declare const Fantom: Story;
|
|
10
|
+
declare const Optimism: Story;
|
|
11
|
+
declare const Polygon: Story;
|
|
12
|
+
declare const AllChainsIcons: Story;
|
|
13
|
+
declare const LargeChainsIcons: Story;
|
|
14
|
+
export default meta;
|
|
15
|
+
export { Arbitrum, Avalanche, Binance, Ethereum, Fantom, Optimism, Polygon, AllChainsIcons, LargeChainsIcons, };
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ArbitrumIcon } from "./ArbitrumIcon";
|
|
3
|
+
import { AvalancheIcon } from "./AvalancheIcon";
|
|
4
|
+
import { BinanceIcon } from "./BinanceIcon";
|
|
5
|
+
import { EthereumIcon } from "./EthereumIcon";
|
|
6
|
+
import { FantomIcon } from "./FantomIcon";
|
|
7
|
+
import { OptimismIcon } from "./OptimismIcon";
|
|
8
|
+
import { PolygonIcon } from "./PolygonIcon";
|
|
9
|
+
import { IconsContainer } from "../Icons.stories.styled";
|
|
10
|
+
const meta = {
|
|
11
|
+
title: "Decentraland UI/Icons/Chains",
|
|
12
|
+
component: ArbitrumIcon,
|
|
13
|
+
parameters: {
|
|
14
|
+
layout: "centered",
|
|
15
|
+
},
|
|
16
|
+
tags: ["autodocs"],
|
|
17
|
+
};
|
|
18
|
+
const Arbitrum = {};
|
|
19
|
+
const Avalanche = {
|
|
20
|
+
render: () => _jsx(AvalancheIcon, {}),
|
|
21
|
+
};
|
|
22
|
+
const Binance = {
|
|
23
|
+
render: () => _jsx(BinanceIcon, {}),
|
|
24
|
+
};
|
|
25
|
+
const Ethereum = {
|
|
26
|
+
render: () => _jsx(EthereumIcon, {}),
|
|
27
|
+
};
|
|
28
|
+
const Fantom = {
|
|
29
|
+
render: () => _jsx(FantomIcon, {}),
|
|
30
|
+
};
|
|
31
|
+
const Optimism = {
|
|
32
|
+
render: () => _jsx(OptimismIcon, {}),
|
|
33
|
+
};
|
|
34
|
+
const Polygon = {
|
|
35
|
+
render: () => _jsx(PolygonIcon, {}),
|
|
36
|
+
};
|
|
37
|
+
const AllChainsIcons = {
|
|
38
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(ArbitrumIcon, {}), _jsx(AvalancheIcon, {}), _jsx(BinanceIcon, {}), _jsx(EthereumIcon, {}), _jsx(FantomIcon, {}), _jsx(OptimismIcon, {}), _jsx(PolygonIcon, {})] })),
|
|
39
|
+
};
|
|
40
|
+
const LargeChainsIcons = {
|
|
41
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(ArbitrumIcon, { fontSize: "large" }), _jsx(AvalancheIcon, { fontSize: "large" }), _jsx(BinanceIcon, { fontSize: "large" }), _jsx(EthereumIcon, { fontSize: "large" }), _jsx(FantomIcon, { fontSize: "large" }), _jsx(OptimismIcon, { fontSize: "large" }), _jsx(PolygonIcon, { fontSize: "large" })] })),
|
|
42
|
+
};
|
|
43
|
+
// eslint-disable-next-line import/no-default-export
|
|
44
|
+
export default meta;
|
|
45
|
+
export { Arbitrum, Avalanche, Binance, Ethereum, Fantom, Optimism, Polygon, AllChainsIcons, LargeChainsIcons, };
|
|
46
|
+
//# sourceMappingURL=ChainsIcons.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChainsIcons.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Chains/ChainsIcons.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGxD,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAID,MAAM,QAAQ,GAAU,EAAE,CAAA;AAE1B,MAAM,SAAS,GAAU;IACvB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,aAAa,KAAG;CAChC,CAAA;AAED,MAAM,OAAO,GAAU;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,WAAW,KAAG;CAC9B,CAAA;AAED,MAAM,QAAQ,GAAU;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,YAAY,KAAG;CAC/B,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,KAAG;CAC7B,CAAA;AAED,MAAM,QAAQ,GAAU;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,YAAY,KAAG;CAC/B,CAAA;AAED,MAAM,OAAO,GAAU;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,WAAW,KAAG;CAC9B,CAAA;AAED,MAAM,cAAc,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,cAAc,eACb,KAAC,YAAY,KAAG,EAChB,KAAC,aAAa,KAAG,EACjB,KAAC,WAAW,KAAG,EACf,KAAC,YAAY,KAAG,EAChB,KAAC,UAAU,KAAG,EACd,KAAC,YAAY,KAAG,EAChB,KAAC,WAAW,KAAG,IACA,CAClB;CACF,CAAA;AAED,MAAM,gBAAgB,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,cAAc,eACb,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,EACjC,KAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,EAClC,KAAC,WAAW,IAAC,QAAQ,EAAC,OAAO,GAAG,EAChC,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,EACjC,KAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC/B,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,EACjC,KAAC,WAAW,IAAC,QAAQ,EAAC,OAAO,GAAG,IACjB,CAClB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,cAAc,EACd,gBAAgB,GACjB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { MuteIcon } from "./MuteIcon";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: Meta<typeof MuteIcon>;
|
|
4
|
+
type Story = StoryObj<typeof MuteIcon>;
|
|
5
|
+
declare const Mute: Story;
|
|
6
|
+
declare const Props: Story;
|
|
7
|
+
declare const Sound: Story;
|
|
8
|
+
declare const Volume: Story;
|
|
9
|
+
declare const AllEmotesIcons: Story;
|
|
10
|
+
declare const LargeEmotesIcons: Story;
|
|
11
|
+
export default meta;
|
|
12
|
+
export { Mute, Props, Sound, Volume, AllEmotesIcons, LargeEmotesIcons };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MuteIcon } from "./MuteIcon";
|
|
3
|
+
import { PropsIcon } from "./PropsIcon";
|
|
4
|
+
import { SoundIcon } from "./SoundIcon";
|
|
5
|
+
import { VolumeIcon } from "./VolumeIcon";
|
|
6
|
+
import { IconsContainer } from "../Icons.stories.styled";
|
|
7
|
+
const meta = {
|
|
8
|
+
title: "Decentraland UI/Icons/Emotes",
|
|
9
|
+
component: MuteIcon,
|
|
10
|
+
parameters: {
|
|
11
|
+
layout: "centered",
|
|
12
|
+
backgrounds: {
|
|
13
|
+
default: "dark",
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
tags: ["autodocs"],
|
|
17
|
+
};
|
|
18
|
+
const Mute = {};
|
|
19
|
+
const Props = {
|
|
20
|
+
render: () => _jsx(PropsIcon, {}),
|
|
21
|
+
};
|
|
22
|
+
const Sound = {
|
|
23
|
+
render: () => _jsx(SoundIcon, {}),
|
|
24
|
+
};
|
|
25
|
+
const Volume = {
|
|
26
|
+
render: () => _jsx(VolumeIcon, {}),
|
|
27
|
+
};
|
|
28
|
+
const AllEmotesIcons = {
|
|
29
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(MuteIcon, {}), _jsx(PropsIcon, {}), _jsx(SoundIcon, {}), _jsx(VolumeIcon, {})] })),
|
|
30
|
+
};
|
|
31
|
+
const LargeEmotesIcons = {
|
|
32
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(MuteIcon, { fontSize: "large" }), _jsx(PropsIcon, { fontSize: "large" }), _jsx(SoundIcon, { fontSize: "large" }), _jsx(VolumeIcon, { fontSize: "large" })] })),
|
|
33
|
+
};
|
|
34
|
+
// eslint-disable-next-line import/no-default-export
|
|
35
|
+
export default meta;
|
|
36
|
+
export { Mute, Props, Sound, Volume, AllEmotesIcons, LargeEmotesIcons };
|
|
37
|
+
//# sourceMappingURL=EmotesIcons.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmotesIcons.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Emotes/EmotesIcons.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGxD,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;SAChB;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAID,MAAM,IAAI,GAAU,EAAE,CAAA;AAEtB,MAAM,KAAK,GAAU;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,SAAS,KAAG;CAC5B,CAAA;AAED,MAAM,KAAK,GAAU;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,SAAS,KAAG;CAC5B,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,KAAG;CAC7B,CAAA;AAED,MAAM,cAAc,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,cAAc,eACb,KAAC,QAAQ,KAAG,EACZ,KAAC,SAAS,KAAG,EACb,KAAC,SAAS,KAAG,EACb,KAAC,UAAU,KAAG,IACC,CAClB;CACF,CAAA;AAED,MAAM,gBAAgB,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,cAAc,eACb,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC7B,KAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC9B,KAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC9B,KAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG,IAChB,CAClB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { AppleIcon } from "./AppleIcon";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: Meta<typeof AppleIcon>;
|
|
4
|
+
type Story = StoryObj<typeof AppleIcon>;
|
|
5
|
+
declare const Apple: Story;
|
|
6
|
+
declare const Credits: Story;
|
|
7
|
+
declare const JumpIn: Story;
|
|
8
|
+
declare const Location: Story;
|
|
9
|
+
declare const ManaEth: Story;
|
|
10
|
+
declare const ManaMatic: Story;
|
|
11
|
+
declare const Places: Story;
|
|
12
|
+
declare const Sparkles: Story;
|
|
13
|
+
declare const Utility: Story;
|
|
14
|
+
declare const Windows: Story;
|
|
15
|
+
declare const AllIcons: Story;
|
|
16
|
+
declare const LargeIcons: Story;
|
|
17
|
+
export default meta;
|
|
18
|
+
export { Apple, Credits, JumpIn, Location, ManaEth, ManaMatic, Places, Sparkles, Utility, Windows, AllIcons, LargeIcons, };
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { AppleIcon } from "./AppleIcon";
|
|
3
|
+
import { CreditsIcon } from "./CreditsIcon";
|
|
4
|
+
import { JumpInIcon } from "./JumpInIcon";
|
|
5
|
+
import { LocationIcon } from "./LocationIcon";
|
|
6
|
+
import { ManaEthIcon } from "./ManaEthIcon";
|
|
7
|
+
import { ManaMaticIcon } from "./ManaMaticIcon";
|
|
8
|
+
import { PlacesIcon } from "./PlacesIcon";
|
|
9
|
+
import { SparklesIcon } from "./SparklesIcon";
|
|
10
|
+
import { UtilityIcon } from "./UtilityIcon";
|
|
11
|
+
import { WindowsIcon } from "./WindowsIcon";
|
|
12
|
+
import { IconsContainer } from "./Icons.stories.styled";
|
|
13
|
+
const meta = {
|
|
14
|
+
title: "Decentraland UI/Icons/Misc",
|
|
15
|
+
component: AppleIcon,
|
|
16
|
+
parameters: {
|
|
17
|
+
layout: "centered",
|
|
18
|
+
},
|
|
19
|
+
tags: ["autodocs"],
|
|
20
|
+
};
|
|
21
|
+
const Apple = {};
|
|
22
|
+
const Credits = {
|
|
23
|
+
render: () => _jsx(CreditsIcon, {}),
|
|
24
|
+
};
|
|
25
|
+
const JumpIn = {
|
|
26
|
+
render: () => _jsx(JumpInIcon, {}),
|
|
27
|
+
};
|
|
28
|
+
const Location = {
|
|
29
|
+
render: () => _jsx(LocationIcon, {}),
|
|
30
|
+
};
|
|
31
|
+
const ManaEth = {
|
|
32
|
+
render: () => _jsx(ManaEthIcon, {}),
|
|
33
|
+
};
|
|
34
|
+
const ManaMatic = {
|
|
35
|
+
render: () => _jsx(ManaMaticIcon, {}),
|
|
36
|
+
};
|
|
37
|
+
const Places = {
|
|
38
|
+
render: () => _jsx(PlacesIcon, {}),
|
|
39
|
+
};
|
|
40
|
+
const Sparkles = {
|
|
41
|
+
render: () => _jsx(SparklesIcon, {}),
|
|
42
|
+
};
|
|
43
|
+
const Utility = {
|
|
44
|
+
render: () => _jsx(UtilityIcon, {}),
|
|
45
|
+
};
|
|
46
|
+
const Windows = {
|
|
47
|
+
render: () => _jsx(WindowsIcon, {}),
|
|
48
|
+
};
|
|
49
|
+
const AllIcons = {
|
|
50
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(AppleIcon, {}), _jsx(CreditsIcon, {}), _jsx(JumpInIcon, {}), _jsx(LocationIcon, {}), _jsx(ManaEthIcon, {}), _jsx(ManaMaticIcon, {}), _jsx(PlacesIcon, {}), _jsx(SparklesIcon, {}), _jsx(UtilityIcon, {}), _jsx(WindowsIcon, {})] })),
|
|
51
|
+
};
|
|
52
|
+
const LargeIcons = {
|
|
53
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(AppleIcon, { fontSize: "large" }), _jsx(CreditsIcon, { fontSize: "large" }), _jsx(JumpInIcon, { fontSize: "large" }), _jsx(LocationIcon, { fontSize: "large" }), _jsx(ManaEthIcon, { fontSize: "large" }), _jsx(ManaMaticIcon, { fontSize: "large" }), _jsx(PlacesIcon, { fontSize: "large" }), _jsx(SparklesIcon, { fontSize: "large" }), _jsx(UtilityIcon, { fontSize: "large" }), _jsx(WindowsIcon, { fontSize: "large" })] })),
|
|
54
|
+
};
|
|
55
|
+
// eslint-disable-next-line import/no-default-export
|
|
56
|
+
export default meta;
|
|
57
|
+
export { Apple, Credits, JumpIn, Location, ManaEth, ManaMatic, Places, Sparkles, Utility, Windows, AllIcons, LargeIcons, };
|
|
58
|
+
//# sourceMappingURL=Icons.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icons.stories.js","sourceRoot":"","sources":["../../../src/components/Icon/Icons.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
declare const IconsContainer: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: import("react").ElementType;
|
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
+
export { IconsContainer };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import styled from "@emotion/styled";
|
|
2
|
+
const IconsContainer = styled("div")({
|
|
3
|
+
display: "flex",
|
|
4
|
+
gap: "16px",
|
|
5
|
+
alignItems: "center",
|
|
6
|
+
flexWrap: "wrap",
|
|
7
|
+
justifyContent: "center",
|
|
8
|
+
});
|
|
9
|
+
export { IconsContainer };
|
|
10
|
+
//# sourceMappingURL=Icons.stories.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icons.stories.styled.js","sourceRoot":"","sources":["../../../src/components/Icon/Icons.stories.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,MAAM;IACX,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,MAAM;IAChB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAA;AAEF,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { AccessRestoredIcon } from "./AccessRestoredIcon";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: Meta<typeof AccessRestoredIcon>;
|
|
4
|
+
type Story = StoryObj<typeof AccessRestoredIcon>;
|
|
5
|
+
declare const AccessRestored: Story;
|
|
6
|
+
declare const AccessRestricted: Story;
|
|
7
|
+
declare const BidAccepted: Story;
|
|
8
|
+
declare const BidReceived: Story;
|
|
9
|
+
declare const Coauthor: Story;
|
|
10
|
+
declare const EmptyInbox: Story;
|
|
11
|
+
declare const EventCancelled: Story;
|
|
12
|
+
declare const EventStarted: Story;
|
|
13
|
+
declare const EventStartsSoon: Story;
|
|
14
|
+
declare const Governance: Story;
|
|
15
|
+
declare const History: Story;
|
|
16
|
+
declare const ItemAirdropped: Story;
|
|
17
|
+
declare const ItemSold: Story;
|
|
18
|
+
declare const LandRented: Story;
|
|
19
|
+
declare const ManaMainnet: Story;
|
|
20
|
+
declare const ManaPolygon: Story;
|
|
21
|
+
declare const MissingResources: Story;
|
|
22
|
+
declare const NewComment: Story;
|
|
23
|
+
declare const NewNotification: Story;
|
|
24
|
+
declare const NotificationBellActive: Story;
|
|
25
|
+
declare const NotificationBell: Story;
|
|
26
|
+
declare const PermissionGranted: Story;
|
|
27
|
+
declare const PermissionRevoked: Story;
|
|
28
|
+
declare const Pitch: Story;
|
|
29
|
+
declare const ProjectEnacted: Story;
|
|
30
|
+
declare const ProposalFinished: Story;
|
|
31
|
+
declare const ReferralInvitedUserAccepted: Story;
|
|
32
|
+
declare const ReferralInviteFriends: Story;
|
|
33
|
+
declare const RentPeriodEnding: Story;
|
|
34
|
+
declare const Reward: Story;
|
|
35
|
+
declare const Streaming: Story;
|
|
36
|
+
declare const Tender: Story;
|
|
37
|
+
declare const VotingEnded: Story;
|
|
38
|
+
declare const AllNotificationsIcons: Story;
|
|
39
|
+
declare const LargeNotificationsIcons: Story;
|
|
40
|
+
export default meta;
|
|
41
|
+
export { AccessRestored, AccessRestricted, BidAccepted, BidReceived, Coauthor, EmptyInbox, EventCancelled, EventStarted, EventStartsSoon, Governance, History, ItemAirdropped, ItemSold, LandRented, ManaMainnet, ManaPolygon, MissingResources, NewComment, NewNotification, NotificationBellActive, NotificationBell, PermissionGranted, PermissionRevoked, Pitch, ProjectEnacted, ProposalFinished, ReferralInvitedUserAccepted, ReferralInviteFriends, RentPeriodEnding, Reward, Streaming, Tender, VotingEnded, AllNotificationsIcons, LargeNotificationsIcons, };
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { AccessRestoredIcon } from "./AccessRestoredIcon";
|
|
3
|
+
import { AccessRestrictedIcon } from "./AccessRestrictedIcon";
|
|
4
|
+
import { BidAcceptedIcon } from "./BidAcceptedIcon";
|
|
5
|
+
import { BidReceivedIcon } from "./BidReceivedIcon";
|
|
6
|
+
import { CoauthorIcon } from "./CoauthorIcon";
|
|
7
|
+
import { EmptyInboxIcon } from "./EmptyInboxIcon";
|
|
8
|
+
import { EventCancelledIcon } from "./EventCancelledIcon";
|
|
9
|
+
import { EventStartedIcon } from "./EventStartedIcon";
|
|
10
|
+
import { EventStartsSoonIcon } from "./EventStartsSoonIcon";
|
|
11
|
+
import { GovernanceIcon } from "./GovernanceIcon";
|
|
12
|
+
import { HistoryIcon } from "./HistoryIcon";
|
|
13
|
+
import { ItemAirdroppedIcon } from "./ItemAirdroppedIcon";
|
|
14
|
+
import { ItemSoldIcon } from "./ItemSoldIcon";
|
|
15
|
+
import { LandRentedIcon } from "./LandRentedIcon";
|
|
16
|
+
import { ManaMainnetIcon } from "./ManaMainnetIcon";
|
|
17
|
+
import { ManaPolygonIcon } from "./ManaPolygonIcon";
|
|
18
|
+
import { MissingResourcesIcon } from "./MissingResourcesIcon";
|
|
19
|
+
import { NewCommentIcon } from "./NewCommentIcon";
|
|
20
|
+
import { NewNotificationIcon } from "./NewNotificationIcon";
|
|
21
|
+
import { NotificationBellActiveIcon } from "./NotificationBellActiveIcon";
|
|
22
|
+
import { NotificationBellIcon } from "./NotificationBellIcon";
|
|
23
|
+
import { PermissionGrantedIcon } from "./PermissionGrantedIcon";
|
|
24
|
+
import { PermissionRevokedIcon } from "./PermissionRevokedIcon";
|
|
25
|
+
import { PitchIcon } from "./PitchIcon";
|
|
26
|
+
import { ProjectEnactedIcon } from "./ProjectEnactedIcon";
|
|
27
|
+
import { ProposalFinishedIcon } from "./ProposalFinishedIcon";
|
|
28
|
+
import { ReferralInvitedUserAcceptedIcon } from "./ReferralInvitedUserAcceptedIcon";
|
|
29
|
+
import { ReferralInviteFriendsIcon } from "./ReferralInviteFriendsIcon";
|
|
30
|
+
import { RentPeriodEndingIcon } from "./RentPeriodEndingIcon";
|
|
31
|
+
import { RewardIcon } from "./RewardIcon";
|
|
32
|
+
import { StreamingIcon } from "./StreamingIcon";
|
|
33
|
+
import { TenderIcon } from "./TenderIcon";
|
|
34
|
+
import { VotingEndedIcon } from "./VotingEndedIcon";
|
|
35
|
+
import { IconsContainer } from "../Icons.stories.styled";
|
|
36
|
+
const meta = {
|
|
37
|
+
title: "Decentraland UI/Icons/Notifications",
|
|
38
|
+
component: AccessRestoredIcon,
|
|
39
|
+
parameters: {
|
|
40
|
+
layout: "centered",
|
|
41
|
+
},
|
|
42
|
+
tags: ["autodocs"],
|
|
43
|
+
};
|
|
44
|
+
const AccessRestored = {};
|
|
45
|
+
const AccessRestricted = {
|
|
46
|
+
render: () => _jsx(AccessRestrictedIcon, {}),
|
|
47
|
+
};
|
|
48
|
+
const BidAccepted = {
|
|
49
|
+
render: () => _jsx(BidAcceptedIcon, {}),
|
|
50
|
+
};
|
|
51
|
+
const BidReceived = {
|
|
52
|
+
render: () => _jsx(BidReceivedIcon, {}),
|
|
53
|
+
};
|
|
54
|
+
const Coauthor = {
|
|
55
|
+
render: () => _jsx(CoauthorIcon, {}),
|
|
56
|
+
};
|
|
57
|
+
const EmptyInbox = {
|
|
58
|
+
render: () => _jsx(EmptyInboxIcon, {}),
|
|
59
|
+
};
|
|
60
|
+
const EventCancelled = {
|
|
61
|
+
render: () => _jsx(EventCancelledIcon, {}),
|
|
62
|
+
};
|
|
63
|
+
const EventStarted = {
|
|
64
|
+
render: () => _jsx(EventStartedIcon, {}),
|
|
65
|
+
};
|
|
66
|
+
const EventStartsSoon = {
|
|
67
|
+
render: () => _jsx(EventStartsSoonIcon, {}),
|
|
68
|
+
};
|
|
69
|
+
const Governance = {
|
|
70
|
+
render: () => _jsx(GovernanceIcon, {}),
|
|
71
|
+
};
|
|
72
|
+
const History = {
|
|
73
|
+
render: () => _jsx(HistoryIcon, {}),
|
|
74
|
+
};
|
|
75
|
+
const ItemAirdropped = {
|
|
76
|
+
render: () => _jsx(ItemAirdroppedIcon, {}),
|
|
77
|
+
};
|
|
78
|
+
const ItemSold = {
|
|
79
|
+
render: () => _jsx(ItemSoldIcon, {}),
|
|
80
|
+
};
|
|
81
|
+
const LandRented = {
|
|
82
|
+
render: () => _jsx(LandRentedIcon, {}),
|
|
83
|
+
};
|
|
84
|
+
const ManaMainnet = {
|
|
85
|
+
render: () => _jsx(ManaMainnetIcon, {}),
|
|
86
|
+
};
|
|
87
|
+
const ManaPolygon = {
|
|
88
|
+
render: () => _jsx(ManaPolygonIcon, {}),
|
|
89
|
+
};
|
|
90
|
+
const MissingResources = {
|
|
91
|
+
render: () => _jsx(MissingResourcesIcon, {}),
|
|
92
|
+
};
|
|
93
|
+
const NewComment = {
|
|
94
|
+
render: () => _jsx(NewCommentIcon, {}),
|
|
95
|
+
};
|
|
96
|
+
const NewNotification = {
|
|
97
|
+
render: () => _jsx(NewNotificationIcon, {}),
|
|
98
|
+
};
|
|
99
|
+
const NotificationBellActive = {
|
|
100
|
+
render: () => _jsx(NotificationBellActiveIcon, {}),
|
|
101
|
+
};
|
|
102
|
+
const NotificationBell = {
|
|
103
|
+
render: () => _jsx(NotificationBellIcon, {}),
|
|
104
|
+
};
|
|
105
|
+
const PermissionGranted = {
|
|
106
|
+
render: () => _jsx(PermissionGrantedIcon, {}),
|
|
107
|
+
};
|
|
108
|
+
const PermissionRevoked = {
|
|
109
|
+
render: () => _jsx(PermissionRevokedIcon, {}),
|
|
110
|
+
};
|
|
111
|
+
const Pitch = {
|
|
112
|
+
render: () => _jsx(PitchIcon, {}),
|
|
113
|
+
};
|
|
114
|
+
const ProjectEnacted = {
|
|
115
|
+
render: () => _jsx(ProjectEnactedIcon, {}),
|
|
116
|
+
};
|
|
117
|
+
const ProposalFinished = {
|
|
118
|
+
render: () => _jsx(ProposalFinishedIcon, {}),
|
|
119
|
+
};
|
|
120
|
+
const ReferralInvitedUserAccepted = {
|
|
121
|
+
render: () => _jsx(ReferralInvitedUserAcceptedIcon, {}),
|
|
122
|
+
};
|
|
123
|
+
const ReferralInviteFriends = {
|
|
124
|
+
render: () => _jsx(ReferralInviteFriendsIcon, {}),
|
|
125
|
+
};
|
|
126
|
+
const RentPeriodEnding = {
|
|
127
|
+
render: () => _jsx(RentPeriodEndingIcon, {}),
|
|
128
|
+
};
|
|
129
|
+
const Reward = {
|
|
130
|
+
render: () => _jsx(RewardIcon, {}),
|
|
131
|
+
};
|
|
132
|
+
const Streaming = {
|
|
133
|
+
render: () => _jsx(StreamingIcon, {}),
|
|
134
|
+
};
|
|
135
|
+
const Tender = {
|
|
136
|
+
render: () => _jsx(TenderIcon, {}),
|
|
137
|
+
};
|
|
138
|
+
const VotingEnded = {
|
|
139
|
+
render: () => _jsx(VotingEndedIcon, {}),
|
|
140
|
+
};
|
|
141
|
+
const AllNotificationsIcons = {
|
|
142
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(AccessRestoredIcon, {}), _jsx(AccessRestrictedIcon, {}), _jsx(BidAcceptedIcon, {}), _jsx(BidReceivedIcon, {}), _jsx(CoauthorIcon, {}), _jsx(EmptyInboxIcon, {}), _jsx(EventCancelledIcon, {}), _jsx(EventStartedIcon, {}), _jsx(EventStartsSoonIcon, {}), _jsx(GovernanceIcon, {}), _jsx(HistoryIcon, {}), _jsx(ItemAirdroppedIcon, {}), _jsx(ItemSoldIcon, {}), _jsx(LandRentedIcon, {}), _jsx(ManaMainnetIcon, {}), _jsx(ManaPolygonIcon, {}), _jsx(MissingResourcesIcon, {}), _jsx(NewCommentIcon, {}), _jsx(NewNotificationIcon, {}), _jsx(NotificationBellActiveIcon, {}), _jsx(NotificationBellIcon, {}), _jsx(PermissionGrantedIcon, {}), _jsx(PermissionRevokedIcon, {}), _jsx(PitchIcon, {}), _jsx(ProjectEnactedIcon, {}), _jsx(ProposalFinishedIcon, {}), _jsx(ReferralInvitedUserAcceptedIcon, {}), _jsx(ReferralInviteFriendsIcon, {}), _jsx(RentPeriodEndingIcon, {}), _jsx(RewardIcon, {}), _jsx(StreamingIcon, {}), _jsx(TenderIcon, {}), _jsx(VotingEndedIcon, {})] })),
|
|
143
|
+
};
|
|
144
|
+
const LargeNotificationsIcons = {
|
|
145
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(AccessRestoredIcon, { fontSize: "large" }), _jsx(AccessRestrictedIcon, { fontSize: "large" }), _jsx(BidAcceptedIcon, { fontSize: "large" }), _jsx(BidReceivedIcon, { fontSize: "large" }), _jsx(CoauthorIcon, { fontSize: "large" }), _jsx(EmptyInboxIcon, { fontSize: "large" }), _jsx(EventCancelledIcon, { fontSize: "large" }), _jsx(EventStartedIcon, { fontSize: "large" }), _jsx(EventStartsSoonIcon, { fontSize: "large" }), _jsx(GovernanceIcon, { fontSize: "large" }), _jsx(HistoryIcon, { fontSize: "large" }), _jsx(ItemAirdroppedIcon, { fontSize: "large" }), _jsx(ItemSoldIcon, { fontSize: "large" }), _jsx(LandRentedIcon, { fontSize: "large" }), _jsx(ManaMainnetIcon, { fontSize: "large" }), _jsx(ManaPolygonIcon, { fontSize: "large" }), _jsx(MissingResourcesIcon, { fontSize: "large" }), _jsx(NewCommentIcon, { fontSize: "large" }), _jsx(NewNotificationIcon, { fontSize: "large" }), _jsx(NotificationBellActiveIcon, { fontSize: "large" }), _jsx(NotificationBellIcon, { fontSize: "large" }), _jsx(PermissionGrantedIcon, { fontSize: "large" }), _jsx(PermissionRevokedIcon, { fontSize: "large" }), _jsx(PitchIcon, { fontSize: "large" }), _jsx(ProjectEnactedIcon, { fontSize: "large" }), _jsx(ProposalFinishedIcon, { fontSize: "large" }), _jsx(ReferralInvitedUserAcceptedIcon, { fontSize: "large" }), _jsx(ReferralInviteFriendsIcon, { fontSize: "large" }), _jsx(RentPeriodEndingIcon, { fontSize: "large" }), _jsx(RewardIcon, { fontSize: "large" }), _jsx(StreamingIcon, { fontSize: "large" }), _jsx(TenderIcon, { fontSize: "large" }), _jsx(VotingEndedIcon, { fontSize: "large" })] })),
|
|
146
|
+
};
|
|
147
|
+
// eslint-disable-next-line import/no-default-export
|
|
148
|
+
export default meta;
|
|
149
|
+
export { AccessRestored, AccessRestricted, BidAccepted, BidReceived, Coauthor, EmptyInbox, EventCancelled, EventStarted, EventStartsSoon, Governance, History, ItemAirdropped, ItemSold, LandRented, ManaMainnet, ManaPolygon, MissingResources, NewComment, NewNotification, NotificationBellActive, NotificationBell, PermissionGranted, PermissionRevoked, Pitch, ProjectEnacted, ProposalFinished, ReferralInvitedUserAccepted, ReferralInviteFriends, RentPeriodEnding, Reward, Streaming, Tender, VotingEnded, AllNotificationsIcons, LargeNotificationsIcons, };
|
|
150
|
+
//# sourceMappingURL=NotificationsIcons.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotificationsIcons.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Notifications/NotificationsIcons.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { DiscordIcon } from "./DiscordIcon";
|
|
|
3
3
|
import { GitHubIcon } from "./GitHubIcon";
|
|
4
4
|
import { RedditIcon } from "./RedditIcon";
|
|
5
5
|
import { XIcon } from "./XIcon";
|
|
6
|
+
import { IconsContainer } from "../Icons.stories.styled";
|
|
6
7
|
const meta = {
|
|
7
8
|
title: "Decentraland UI/Icons/Social",
|
|
8
9
|
component: DiscordIcon,
|
|
@@ -22,10 +23,10 @@ const X = {
|
|
|
22
23
|
render: () => _jsx(XIcon, {}),
|
|
23
24
|
};
|
|
24
25
|
const AllSocialIcons = {
|
|
25
|
-
render: () => (_jsxs(
|
|
26
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(DiscordIcon, {}), _jsx(RedditIcon, {}), _jsx(GitHubIcon, {}), _jsx(XIcon, {})] })),
|
|
26
27
|
};
|
|
27
28
|
const LargeSocialIcons = {
|
|
28
|
-
render: () => (_jsxs(
|
|
29
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(DiscordIcon, { fontSize: "large" }), _jsx(RedditIcon, { fontSize: "large" }), _jsx(GitHubIcon, { fontSize: "large" }), _jsx(XIcon, { fontSize: "large" })] })),
|
|
29
30
|
};
|
|
30
31
|
// eslint-disable-next-line import/no-default-export
|
|
31
32
|
export default meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialIcons.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Social/SocialIcons.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"SocialIcons.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Social/SocialIcons.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGxD,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAID,MAAM,OAAO,GAAU,EAAE,CAAA;AAEzB,MAAM,MAAM,GAAU;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,KAAG;CAC7B,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,KAAG;CAC7B,CAAA;AAED,MAAM,CAAC,GAAU;IACf,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,KAAK,KAAG;CACxB,CAAA;AAED,MAAM,cAAc,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,cAAc,eACb,KAAC,WAAW,KAAG,EACf,KAAC,UAAU,KAAG,EACd,KAAC,UAAU,KAAG,EACd,KAAC,KAAK,KAAG,IACM,CAClB;CACF,CAAA;AAED,MAAM,gBAAgB,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,cAAc,eACb,KAAC,WAAW,IAAC,QAAQ,EAAC,OAAO,GAAG,EAChC,KAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC/B,KAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG,EAC/B,KAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,GAAG,IACX,CAClB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { BaseFemaleIcon } from "./BaseFemaleIcon";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: Meta<typeof BaseFemaleIcon>;
|
|
4
|
+
type Story = StoryObj<typeof BaseFemaleIcon>;
|
|
5
|
+
declare const BaseFemale: Story;
|
|
6
|
+
declare const BaseMale: Story;
|
|
7
|
+
declare const BodyShape: Story;
|
|
8
|
+
declare const Earring: Story;
|
|
9
|
+
declare const Eyebrows: Story;
|
|
10
|
+
declare const Eyes: Story;
|
|
11
|
+
declare const Eyewear: Story;
|
|
12
|
+
declare const FacialHair: Story;
|
|
13
|
+
declare const Feet: Story;
|
|
14
|
+
declare const Hair: Story;
|
|
15
|
+
declare const HandsWear: Story;
|
|
16
|
+
declare const Hat: Story;
|
|
17
|
+
declare const Helmet: Story;
|
|
18
|
+
declare const LowerBody: Story;
|
|
19
|
+
declare const Mask: Story;
|
|
20
|
+
declare const Mouth: Story;
|
|
21
|
+
declare const Skin: Story;
|
|
22
|
+
declare const SmartWearable: Story;
|
|
23
|
+
declare const Tiara: Story;
|
|
24
|
+
declare const TopHead: Story;
|
|
25
|
+
declare const Unisex: Story;
|
|
26
|
+
declare const UpperBody: Story;
|
|
27
|
+
declare const AllWearablesIcons: Story;
|
|
28
|
+
declare const LargeWearablesIcons: Story;
|
|
29
|
+
export default meta;
|
|
30
|
+
export { BaseFemale, BaseMale, BodyShape, Earring, Eyebrows, Eyes, Eyewear, FacialHair, Feet, Hair, HandsWear, Hat, Helmet, LowerBody, Mask, Mouth, Skin, SmartWearable, Tiara, TopHead, Unisex, UpperBody, AllWearablesIcons, LargeWearablesIcons, };
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BaseFemaleIcon } from "./BaseFemaleIcon";
|
|
3
|
+
import { BaseMaleIcon } from "./BaseMaleIcon";
|
|
4
|
+
import { BodyShapeIcon } from "./BodyShapeIcon";
|
|
5
|
+
import { EarringIcon } from "./EarringIcon";
|
|
6
|
+
import { EyebrowsIcon } from "./EyebrowsIcon";
|
|
7
|
+
import { EyesIcon } from "./EyesIcon";
|
|
8
|
+
import { EyewearIcon } from "./EyewearIcon";
|
|
9
|
+
import { FacialHairIcon } from "./FacialHairIcon";
|
|
10
|
+
import { FeetIcon } from "./FeetIcon";
|
|
11
|
+
import { HairIcon } from "./HairIcon";
|
|
12
|
+
import { HandsWearIcon } from "./HandsWearIcon";
|
|
13
|
+
import { HatIcon } from "./HatIcon";
|
|
14
|
+
import { HelmetIcon } from "./HelmetIcon";
|
|
15
|
+
import { LowerBodyIcon } from "./LowerBodyIcon";
|
|
16
|
+
import { MaskIcon } from "./MaskIcon";
|
|
17
|
+
import { MouthIcon } from "./MouthIcon";
|
|
18
|
+
import { SkinIcon } from "./SkinIcon";
|
|
19
|
+
import { SmartWearableIcon } from "./SmartWearableIcon";
|
|
20
|
+
import { TiaraIcon } from "./TiaraIcon";
|
|
21
|
+
import { TopHeadIcon } from "./TopHeadIcon";
|
|
22
|
+
import { UnisexIcon } from "./UnisexIcon";
|
|
23
|
+
import { UpperBodyIcon } from "./UpperBodyIcon";
|
|
24
|
+
import { IconsContainer } from "../Icons.stories.styled";
|
|
25
|
+
const meta = {
|
|
26
|
+
title: "Decentraland UI/Icons/Wearables",
|
|
27
|
+
component: BaseFemaleIcon,
|
|
28
|
+
parameters: {
|
|
29
|
+
layout: "centered",
|
|
30
|
+
backgrounds: {
|
|
31
|
+
default: "dark",
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
tags: ["autodocs"],
|
|
35
|
+
};
|
|
36
|
+
const BaseFemale = {};
|
|
37
|
+
const BaseMale = {
|
|
38
|
+
render: () => _jsx(BaseMaleIcon, {}),
|
|
39
|
+
};
|
|
40
|
+
const BodyShape = {
|
|
41
|
+
render: () => _jsx(BodyShapeIcon, {}),
|
|
42
|
+
};
|
|
43
|
+
const Earring = {
|
|
44
|
+
render: () => _jsx(EarringIcon, {}),
|
|
45
|
+
};
|
|
46
|
+
const Eyebrows = {
|
|
47
|
+
render: () => _jsx(EyebrowsIcon, {}),
|
|
48
|
+
};
|
|
49
|
+
const Eyes = {
|
|
50
|
+
render: () => _jsx(EyesIcon, {}),
|
|
51
|
+
};
|
|
52
|
+
const Eyewear = {
|
|
53
|
+
render: () => _jsx(EyewearIcon, {}),
|
|
54
|
+
};
|
|
55
|
+
const FacialHair = {
|
|
56
|
+
render: () => _jsx(FacialHairIcon, {}),
|
|
57
|
+
};
|
|
58
|
+
const Feet = {
|
|
59
|
+
render: () => _jsx(FeetIcon, {}),
|
|
60
|
+
};
|
|
61
|
+
const Hair = {
|
|
62
|
+
render: () => _jsx(HairIcon, {}),
|
|
63
|
+
};
|
|
64
|
+
const HandsWear = {
|
|
65
|
+
render: () => _jsx(HandsWearIcon, {}),
|
|
66
|
+
};
|
|
67
|
+
const Hat = {
|
|
68
|
+
render: () => _jsx(HatIcon, {}),
|
|
69
|
+
};
|
|
70
|
+
const Helmet = {
|
|
71
|
+
render: () => _jsx(HelmetIcon, {}),
|
|
72
|
+
};
|
|
73
|
+
const LowerBody = {
|
|
74
|
+
render: () => _jsx(LowerBodyIcon, {}),
|
|
75
|
+
};
|
|
76
|
+
const Mask = {
|
|
77
|
+
render: () => _jsx(MaskIcon, {}),
|
|
78
|
+
};
|
|
79
|
+
const Mouth = {
|
|
80
|
+
render: () => _jsx(MouthIcon, {}),
|
|
81
|
+
};
|
|
82
|
+
const Skin = {
|
|
83
|
+
render: () => _jsx(SkinIcon, {}),
|
|
84
|
+
};
|
|
85
|
+
const SmartWearable = {
|
|
86
|
+
render: () => _jsx(SmartWearableIcon, {}),
|
|
87
|
+
};
|
|
88
|
+
const Tiara = {
|
|
89
|
+
render: () => _jsx(TiaraIcon, {}),
|
|
90
|
+
};
|
|
91
|
+
const TopHead = {
|
|
92
|
+
render: () => _jsx(TopHeadIcon, {}),
|
|
93
|
+
};
|
|
94
|
+
const Unisex = {
|
|
95
|
+
render: () => _jsx(UnisexIcon, {}),
|
|
96
|
+
};
|
|
97
|
+
const UpperBody = {
|
|
98
|
+
render: () => _jsx(UpperBodyIcon, {}),
|
|
99
|
+
};
|
|
100
|
+
const AllWearablesIcons = {
|
|
101
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(BaseFemaleIcon, {}), _jsx(BaseMaleIcon, {}), _jsx(BodyShapeIcon, {}), _jsx(EarringIcon, {}), _jsx(EyebrowsIcon, {}), _jsx(EyesIcon, {}), _jsx(EyewearIcon, {}), _jsx(FacialHairIcon, {}), _jsx(FeetIcon, {}), _jsx(HairIcon, {}), _jsx(HandsWearIcon, {}), _jsx(HatIcon, {}), _jsx(HelmetIcon, {}), _jsx(LowerBodyIcon, {}), _jsx(MaskIcon, {}), _jsx(MouthIcon, {}), _jsx(SkinIcon, {}), _jsx(SmartWearableIcon, {}), _jsx(TiaraIcon, {}), _jsx(TopHeadIcon, {}), _jsx(UnisexIcon, {}), _jsx(UpperBodyIcon, {})] })),
|
|
102
|
+
};
|
|
103
|
+
const LargeWearablesIcons = {
|
|
104
|
+
render: () => (_jsxs(IconsContainer, { children: [_jsx(BaseFemaleIcon, { fontSize: "large" }), _jsx(BaseMaleIcon, { fontSize: "large" }), _jsx(BodyShapeIcon, { fontSize: "large" }), _jsx(EarringIcon, { fontSize: "large" }), _jsx(EyebrowsIcon, { fontSize: "large" }), _jsx(EyesIcon, { fontSize: "large" }), _jsx(EyewearIcon, { fontSize: "large" }), _jsx(FacialHairIcon, { fontSize: "large" }), _jsx(FeetIcon, { fontSize: "large" }), _jsx(HairIcon, { fontSize: "large" }), _jsx(HandsWearIcon, { fontSize: "large" }), _jsx(HatIcon, { fontSize: "large" }), _jsx(HelmetIcon, { fontSize: "large" }), _jsx(LowerBodyIcon, { fontSize: "large" }), _jsx(MaskIcon, { fontSize: "large" }), _jsx(MouthIcon, { fontSize: "large" }), _jsx(SkinIcon, { fontSize: "large" }), _jsx(SmartWearableIcon, { fontSize: "large" }), _jsx(TiaraIcon, { fontSize: "large" }), _jsx(TopHeadIcon, { fontSize: "large" }), _jsx(UnisexIcon, { fontSize: "large" }), _jsx(UpperBodyIcon, { fontSize: "large" })] })),
|
|
105
|
+
};
|
|
106
|
+
// eslint-disable-next-line import/no-default-export
|
|
107
|
+
export default meta;
|
|
108
|
+
export { BaseFemale, BaseMale, BodyShape, Earring, Eyebrows, Eyes, Eyewear, FacialHair, Feet, Hair, HandsWear, Hat, Helmet, LowerBody, Mask, Mouth, Skin, SmartWearable, Tiara, TopHead, Unisex, UpperBody, AllWearablesIcons, LargeWearablesIcons, };
|
|
109
|
+
//# sourceMappingURL=WearablesIcons.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WearablesIcons.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Wearables/WearablesIcons.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,8 +27,8 @@ const NotificationFeedTabsListContainer = styled("div")({
|
|
|
27
27
|
display: "flex",
|
|
28
28
|
maxHeight: "auto",
|
|
29
29
|
overflowX: "hidden",
|
|
30
|
-
overflowY: "
|
|
31
|
-
overscrollBehaviorY: "
|
|
30
|
+
overflowY: "visible",
|
|
31
|
+
overscrollBehaviorY: "auto",
|
|
32
32
|
width: "100vw",
|
|
33
33
|
height: "calc(100vh - 250px)",
|
|
34
34
|
}, (props) => !props.isModal
|