@universal-tennis/ui-shared 0.1.87 → 0.1.88
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/.eslintignore +1 -1
- package/.eslintrc.js +73 -73
- package/.storybook/preview.js +17 -17
- package/.storybook/variables.css +16 -16
- package/README.md +129 -129
- package/dist/App.d.ts +2 -2
- package/dist/App.js +12 -12
- package/dist/components.d.ts +38 -38
- package/dist/components.js +43 -43
- package/dist/index.d.ts +1 -1
- package/dist/index.js +12 -12
- package/dist/items.d.ts +2 -2
- package/dist/items.js +1 -1
- package/dist/stories/assets/css/variables.css +15 -15
- package/dist/stories/assets/icon-chat-blue.svg +10 -10
- package/dist/stories/assets/utr-sports-logo.svg +9 -9
- package/dist/stories/atoms/Button/Button.d.ts +10 -10
- package/dist/stories/atoms/Button/Button.js +95 -95
- package/dist/stories/atoms/Button/Button.stories.d.ts +17 -17
- package/dist/stories/atoms/Button/Button.stories.js +45 -45
- package/dist/stories/atoms/Icons/AddIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AddIcon.js +8 -8
- package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.js +6 -6
- package/dist/stories/atoms/Icons/AvailabilityNoIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AvailabilityNoIcon.js +6 -6
- package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.js +7 -7
- package/dist/stories/atoms/Icons/AvailabilityYesIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AvailabilityYesIcon.js +6 -6
- package/dist/stories/atoms/Icons/CalendarIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/CalendarIcon.js +6 -6
- package/dist/stories/atoms/Icons/ClockIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/ClockIcon.js +8 -8
- package/dist/stories/atoms/Icons/CloseIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/CloseIcon.js +6 -6
- package/dist/stories/atoms/Icons/DeleteIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/DeleteIcon.js +10 -10
- package/dist/stories/atoms/Icons/DoublePersonIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/DoublePersonIcon.js +13 -13
- package/dist/stories/atoms/Icons/EditIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/EditIcon.js +6 -6
- package/dist/stories/atoms/Icons/Icons.stories.d.ts +33 -33
- package/dist/stories/atoms/Icons/Icons.stories.js +269 -269
- package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/LeftChevronIcon.js +6 -6
- package/dist/stories/atoms/Icons/LineIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/LineIcon.js +6 -6
- package/dist/stories/atoms/Icons/LocationIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/LocationIcon.js +7 -7
- package/dist/stories/atoms/Icons/MessageIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/MessageIcon.js +6 -6
- package/dist/stories/atoms/Icons/RightChevronIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/RightChevronIcon.js +6 -6
- package/dist/stories/atoms/Icons/SessionIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SessionIcon.js +6 -6
- package/dist/stories/atoms/Icons/SinglePersonIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SinglePersonIcon.js +9 -9
- package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.js +10 -10
- package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.js +6 -6
- package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.js +10 -10
- package/dist/stories/atoms/Icons/SocialMediaXIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaXIcon.js +10 -10
- package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.js +6 -6
- package/dist/stories/atoms/Icons/SwapIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SwapIcon.js +6 -6
- package/dist/stories/atoms/Icons/SwapNoBorderIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SwapNoBorderIcon.js +9 -9
- package/dist/stories/atoms/Icons/VerifiedIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/VerifiedIcon.js +7 -7
- package/dist/stories/atoms/Icons/VisibilityIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/VisibilityIcon.js +7 -7
- package/dist/stories/atoms/Icons/VisibilityOffIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/VisibilityOffIcon.js +8 -8
- package/dist/stories/atoms/Icons/WinnerIndicatorIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/WinnerIndicatorIcon.js +31 -31
- package/dist/stories/atoms/Icons/sharedTypes.d.ts +11 -11
- package/dist/stories/atoms/Icons/sharedTypes.js +1 -1
- package/dist/stories/atoms/Map/Map.d.ts +7 -0
- package/dist/stories/atoms/Map/Map.js +9 -0
- package/dist/stories/atoms/Map/Map.js.map +1 -0
- package/dist/stories/atoms/Map/Map.stories.d.ts +9 -0
- package/dist/stories/atoms/Map/Map.stories.js +36 -0
- package/dist/stories/atoms/Map/Map.stories.js.map +1 -0
- package/dist/stories/atoms/Typography/Typography.d.ts +49 -49
- package/dist/stories/atoms/Typography/Typography.js +143 -143
- package/dist/stories/atoms/Typography/Typography.stories.d.ts +37 -37
- package/dist/stories/atoms/Typography/Typography.stories.js +190 -190
- package/dist/stories/atoms/UTMap/UTMap.d.ts +7 -7
- package/dist/stories/atoms/UTMap/UTMap.js +8 -8
- package/dist/stories/atoms/UTMap/UTMap.stories.d.ts +9 -9
- package/dist/stories/atoms/UTMap/UTMap.stories.js +35 -35
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts +27 -27
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.js +20 -20
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.d.ts +15 -15
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js +72 -72
- package/dist/stories/molecules/Cards/Cards.stories.d.ts +7 -7
- package/dist/stories/molecules/Cards/Cards.stories.js +64 -64
- package/dist/stories/molecules/Cards/ContactCard.d.ts +3 -3
- package/dist/stories/molecules/Cards/ContactCard.js +38 -38
- package/dist/stories/molecules/Cards/DrawCard.d.ts +3 -3
- package/dist/stories/molecules/Cards/DrawCard.js +116 -116
- package/dist/stories/molecules/Cards/Modals.stories.d.ts +5 -5
- package/dist/stories/molecules/Cards/Modals.stories.js +72 -72
- package/dist/stories/molecules/Cards/TeamCard.d.ts +3 -3
- package/dist/stories/molecules/Cards/TeamCard.js +20 -20
- package/dist/stories/molecules/Cards/TeamDrawCard.d.ts +3 -3
- package/dist/stories/molecules/Cards/TeamDrawCard.js +78 -78
- package/dist/stories/molecules/Cards/TeamDrawCard.js.map +1 -1
- package/dist/stories/molecules/Cards/shared.d.ts +4 -9
- package/dist/stories/molecules/Cards/shared.js +12 -12
- package/dist/stories/molecules/Cards/sharedTypes.d.ts +61 -61
- package/dist/stories/molecules/Cards/sharedTypes.js +2 -2
- package/dist/stories/molecules/FooterSection/FooterSection.d.ts +4 -4
- package/dist/stories/molecules/FooterSection/FooterSection.js +11 -11
- package/dist/stories/molecules/FooterSection/FooterSection.stories.d.ts +5 -5
- package/dist/stories/molecules/FooterSection/FooterSection.stories.js +20 -20
- package/dist/stories/molecules/FooterSection/sharedTypes.d.ts +5 -5
- package/dist/stories/molecules/FooterSection/sharedTypes.js +1 -1
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +29 -29
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js +32 -29
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js.map +1 -1
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts +16 -16
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js +81 -81
- package/dist/stories/organisms/Footer/Footer.d.ts +4 -4
- package/dist/stories/organisms/Footer/Footer.js +61 -61
- package/dist/stories/organisms/Footer/Footer.stories.d.ts +5 -5
- package/dist/stories/organisms/Footer/Footer.stories.js +58 -58
- package/dist/stories/organisms/Footer/sharedTypes.d.ts +14 -14
- package/dist/stories/organisms/Footer/sharedTypes.js +1 -1
- package/dist/stories/organisms/Modals/FullPageModal.d.ts +4 -4
- package/dist/stories/organisms/Modals/FullPageModal.js +59 -59
- package/dist/stories/organisms/Modals/Modals.stories.d.ts +5 -5
- package/dist/stories/organisms/Modals/Modals.stories.js +73 -73
- package/dist/stories/organisms/Modals/sharedTypes.d.ts +14 -14
- package/dist/stories/organisms/Modals/sharedTypes.js +1 -1
- package/dist/stories/organisms/Tables/DrawCardTable.d.ts +3 -3
- package/dist/stories/organisms/Tables/DrawCardTable.js +58 -58
- package/dist/stories/organisms/Tables/SortableTable.d.ts +23 -23
- package/dist/stories/organisms/Tables/SortableTable.js +34 -34
- package/dist/stories/organisms/Tables/Tables.stories.d.ts +8 -8
- package/dist/stories/organisms/Tables/Tables.stories.js +90 -90
- package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +3 -3
- package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.js +66 -66
- package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.d.ts +3 -3
- package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.js +43 -43
- package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.d.ts +3 -3
- package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.js +22 -22
- package/dist/stories/organisms/Tables/TeamDrawCardTable.d.ts +3 -0
- package/dist/stories/organisms/Tables/TeamDrawCardTable.js +126 -0
- package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map +1 -0
- package/dist/stories/organisms/Tables/mockData.d.ts +71 -71
- package/dist/stories/organisms/Tables/mockData.js +99 -99
- package/dist/stories/organisms/Tables/mockData.js.map +1 -1
- package/dist/stories/organisms/Tables/sharedTypes.d.ts +15 -15
- package/dist/stories/organisms/Tables/sharedTypes.js +1 -1
- package/dist/stories/utils/constants.d.ts +10 -10
- package/dist/stories/utils/constants.js +10 -10
- package/dist/stories/utils/getArrayWithIds.d.ts +3 -3
- package/dist/stories/utils/getArrayWithIds.js +1 -1
- package/dist/stories/utils/useScreenSize.d.ts +4 -4
- package/dist/stories/utils/useScreenSize.js +27 -27
- package/dist/types/tableDataTypes.d.ts +38 -38
- package/dist/types/tableDataTypes.js +1 -1
- package/infrastructure/azure-pipelines.yml +112 -112
- package/package.json +100 -100
- package/src/App.js +25 -25
- package/src/components.jsx +47 -47
- package/src/custom.d.ts +13 -13
- package/src/index.js +17 -17
- package/src/items.jsx +1 -1
- package/src/stories/assets/css/variables.css +15 -15
- package/src/stories/assets/icon-chat-blue.svg +10 -10
- package/src/stories/assets/icons/icon-add.svg +7 -7
- package/src/stories/assets/icons/icon-availability-maybe.svg +3 -3
- package/src/stories/assets/icons/icon-availability-no.svg +3 -3
- package/src/stories/assets/icons/icon-availability-not-set.svg +8 -8
- package/src/stories/assets/icons/icon-availability-yes.svg +3 -3
- package/src/stories/assets/icons/icon-calendar.svg +4 -4
- package/src/stories/assets/icons/icon-clock.svg +7 -7
- package/src/stories/assets/icons/icon-close.svg +3 -3
- package/src/stories/assets/icons/icon-delete.svg +9 -9
- package/src/stories/assets/icons/icon-edit.svg +3 -3
- package/src/stories/assets/icons/icon-location.svg +6 -6
- package/src/stories/assets/icons/icon-message.svg +3 -3
- package/src/stories/assets/icons/icon-session.svg +3 -3
- package/src/stories/assets/icons/icon-social-media-facebook.svg +10 -10
- package/src/stories/assets/icons/icon-social-media-instagram.svg +3 -3
- package/src/stories/assets/icons/icon-social-media-tiktok.svg +10 -10
- package/src/stories/assets/icons/icon-social-media-x.svg +10 -10
- package/src/stories/assets/icons/icon-social-media-youtube.svg +3 -3
- package/src/stories/assets/icons/icon-swap.svg +3 -3
- package/src/stories/assets/icons/icon-visibility-off.svg +7 -7
- package/src/stories/assets/icons/icon-visibility.svg +6 -6
- package/src/stories/assets/utr-sports-logo.svg +9 -9
- package/src/stories/atoms/Button/Button.stories.tsx +63 -63
- package/src/stories/atoms/Button/Button.tsx +145 -145
- package/src/stories/atoms/Icons/AddIcon.tsx +13 -13
- package/src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx +11 -11
- package/src/stories/atoms/Icons/AvailabilityNoIcon.tsx +11 -11
- package/src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx +12 -12
- package/src/stories/atoms/Icons/AvailabilityYesIcon.tsx +11 -11
- package/src/stories/atoms/Icons/CalendarIcon.tsx +11 -11
- package/src/stories/atoms/Icons/ClockIcon.tsx +14 -14
- package/src/stories/atoms/Icons/CloseIcon.tsx +11 -11
- package/src/stories/atoms/Icons/DeleteIcon.tsx +15 -15
- package/src/stories/atoms/Icons/DoublePersonIcon.tsx +20 -20
- package/src/stories/atoms/Icons/EditIcon.tsx +11 -11
- package/src/stories/atoms/Icons/Icons.stories.tsx +330 -330
- package/src/stories/atoms/Icons/LeftChevronIcon.tsx +13 -13
- package/src/stories/atoms/Icons/LineIcon.tsx +12 -12
- package/src/stories/atoms/Icons/LocationIcon.tsx +12 -12
- package/src/stories/atoms/Icons/MessageIcon.tsx +12 -12
- package/src/stories/atoms/Icons/RightChevronIcon.tsx +11 -11
- package/src/stories/atoms/Icons/SessionIcon.tsx +16 -16
- package/src/stories/atoms/Icons/SinglePersonIcon.tsx +16 -16
- package/src/stories/atoms/Icons/SocialMediaFacebookIcon.tsx +19 -19
- package/src/stories/atoms/Icons/SocialMediaInstagramIcon.tsx +11 -11
- package/src/stories/atoms/Icons/SocialMediaTikTokIcon.tsx +18 -18
- package/src/stories/atoms/Icons/SocialMediaXIcon.tsx +18 -18
- package/src/stories/atoms/Icons/SocialMediaYoutubeIcon.tsx +11 -11
- package/src/stories/atoms/Icons/SwapIcon.tsx +11 -11
- package/src/stories/atoms/Icons/SwapNoBorderIcon.tsx +14 -14
- package/src/stories/atoms/Icons/VerifiedIcon.tsx +13 -13
- package/src/stories/atoms/Icons/VisibilityIcon.tsx +12 -12
- package/src/stories/atoms/Icons/VisibilityOffIcon.tsx +13 -13
- package/src/stories/atoms/Icons/WinnerIndicatorIcon.tsx +39 -39
- package/src/stories/atoms/Icons/sharedTypes.tsx +12 -12
- package/src/stories/atoms/Typography/Typography.tsx +185 -185
- package/src/stories/atoms/UTMap/UTMap.stories.tsx +43 -43
- package/src/stories/atoms/UTMap/UTMap.tsx +25 -25
- package/src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx +86 -86
- package/src/stories/molecules/AvatarWithName/AvatarWithName.tsx +68 -68
- package/src/stories/molecules/Cards/Cards.stories.tsx +76 -76
- package/src/stories/molecules/Cards/ContactCard.tsx +45 -45
- package/src/stories/molecules/Cards/DrawCard.tsx +211 -211
- package/src/stories/molecules/Cards/Modals.stories.tsx +137 -137
- package/src/stories/molecules/Cards/TeamCard.tsx +14 -14
- package/src/stories/molecules/Cards/TeamDrawCard.tsx +159 -159
- package/src/stories/molecules/Cards/sharedTypes.ts +69 -69
- package/src/stories/molecules/FooterSection/FooterSection.stories.tsx +25 -25
- package/src/stories/molecules/FooterSection/FooterSection.tsx +34 -34
- package/src/stories/molecules/FooterSection/sharedTypes.ts +6 -6
- package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx +96 -96
- package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx +111 -99
- package/src/stories/organisms/Footer/Footer.stories.tsx +63 -63
- package/src/stories/organisms/Footer/Footer.tsx +118 -118
- package/src/stories/organisms/Footer/sharedTypes.ts +14 -14
- package/src/stories/organisms/Modals/FullPageModal.tsx +93 -93
- package/src/stories/organisms/Modals/Modals.stories.tsx +138 -138
- package/src/stories/organisms/Modals/sharedTypes.ts +15 -15
- package/src/stories/organisms/Tables/DrawCardTable.tsx +92 -92
- package/src/stories/organisms/Tables/SortableTable.tsx +119 -119
- package/src/stories/organisms/Tables/Tables.stories.tsx +104 -104
- package/src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx +120 -120
- package/src/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.tsx +67 -67
- package/src/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.tsx +24 -24
- package/src/stories/organisms/Tables/mockData.tsx +131 -131
- package/src/stories/organisms/Tables/sharedTypes.ts +17 -17
- package/src/stories/utils/constants.ts +11 -11
- package/src/stories/utils/getArrayWithIds.ts +1 -1
- package/src/stories/utils/useScreenSize.ts +28 -28
- package/src/types/tableDataTypes.ts +42 -42
- package/tsconfig.json +23 -23
- package/dist/stories/Button.d.ts +0 -27
- package/dist/stories/Button.js +0 -51
- package/dist/stories/Button.js.map +0 -1
- package/dist/stories/Button.stories.d.ts +0 -15
- package/dist/stories/Button.stories.js +0 -34
- package/dist/stories/Button.stories.js.map +0 -1
- package/dist/stories/Header.d.ts +0 -19
- package/dist/stories/Header.js +0 -31
- package/dist/stories/Header.js.map +0 -1
- package/dist/stories/Header.stories.d.ts +0 -11
- package/dist/stories/Header.stories.js +0 -20
- package/dist/stories/Header.stories.js.map +0 -1
- package/dist/stories/Page.d.ts +0 -1
- package/dist/stories/Page.js +0 -38
- package/dist/stories/Page.js.map +0 -1
- package/dist/stories/Page.stories.d.ts +0 -11
- package/dist/stories/Page.stories.js +0 -30
- package/dist/stories/Page.stories.js.map +0 -1
- package/dist/stories/assets/comments.svg +0 -1
- package/dist/stories/assets/direction.svg +0 -1
- package/dist/stories/atoms/Button/index.d.ts +0 -1
- package/dist/stories/atoms/Button/index.js +0 -2
- package/dist/stories/atoms/Button/index.js.map +0 -1
- package/dist/stories/atoms/Button.d.ts +0 -7
- package/dist/stories/atoms/Button.js +0 -20
- package/dist/stories/atoms/Button.js.map +0 -1
- package/dist/stories/atoms/Button.stories.d.ts +0 -13
- package/dist/stories/atoms/Button.stories.js +0 -22
- package/dist/stories/atoms/Button.stories.js.map +0 -1
- package/dist/stories/atoms/Typography/index.d.ts +0 -1
- package/dist/stories/atoms/Typography/index.js +0 -2
- package/dist/stories/atoms/Typography/index.js.map +0 -1
|
@@ -1,270 +1,270 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import AddIcon from './AddIcon';
|
|
3
|
-
import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
|
|
4
|
-
import AvailabilityNoIcon from './AvailabilityNoIcon';
|
|
5
|
-
import AvailabilityYesIcon from './AvailabilityYesIcon';
|
|
6
|
-
import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
|
|
7
|
-
import CalendarIcon from './CalendarIcon';
|
|
8
|
-
import ClockIcon from './ClockIcon';
|
|
9
|
-
import CloseIcon from './CloseIcon';
|
|
10
|
-
import DeleteIcon from './DeleteIcon';
|
|
11
|
-
import DoublePersonIcon from './DoublePersonIcon';
|
|
12
|
-
import EditIcon from './EditIcon';
|
|
13
|
-
import LeftChevronIcon from './LeftChevronIcon';
|
|
14
|
-
import LocationIcon from './LocationIcon';
|
|
15
|
-
import LineIcon from './LineIcon';
|
|
16
|
-
import MessageIcon from './MessageIcon';
|
|
17
|
-
import RightChevronIcon from './RightChevronIcon';
|
|
18
|
-
import SessionIcon from './SessionIcon';
|
|
19
|
-
import SinglePersonIcon from './SinglePersonIcon';
|
|
20
|
-
import SocialMediaFacebookIcon from './SocialMediaFacebookIcon';
|
|
21
|
-
import SocialMediaInstagramIcon from './SocialMediaInstagramIcon';
|
|
22
|
-
import SocialMediaTikTokIcon from './SocialMediaTikTokIcon';
|
|
23
|
-
import SocialMediaXIcon from './SocialMediaXIcon';
|
|
24
|
-
import SocialMediaYoutubeIcon from './SocialMediaYoutubeIcon';
|
|
25
|
-
import SwapIcon from './SwapIcon';
|
|
26
|
-
import SwapNoBorderIcon from './SwapNoBorderIcon';
|
|
27
|
-
import VerifiedIcon from './VerifiedIcon';
|
|
28
|
-
import VisibilityIcon from './VisibilityIcon';
|
|
29
|
-
import VisibilityOffIcon from './VisibilityOffIcon';
|
|
30
|
-
import WinnerIndicatorIcon from './WinnerIndicatorIcon';
|
|
31
|
-
// Default
|
|
32
|
-
export default {
|
|
33
|
-
title: 'Atoms/Icons',
|
|
34
|
-
};
|
|
35
|
-
// Templates
|
|
36
|
-
function AddIconTemplate(args) {
|
|
37
|
-
return React.createElement(AddIcon, Object.assign({}, args));
|
|
38
|
-
}
|
|
39
|
-
function AvailabilityMaybeIconTemplate(args) {
|
|
40
|
-
return React.createElement(AvailabilityMaybeIcon, Object.assign({}, args));
|
|
41
|
-
}
|
|
42
|
-
function AvailabilityNoIconTemplate(args) {
|
|
43
|
-
return React.createElement(AvailabilityNoIcon, Object.assign({}, args));
|
|
44
|
-
}
|
|
45
|
-
function AvailabilityYesIconTemplate(args) {
|
|
46
|
-
return React.createElement(AvailabilityYesIcon, Object.assign({}, args));
|
|
47
|
-
}
|
|
48
|
-
function AvailabilityNotSetIconTemplate(args) {
|
|
49
|
-
return React.createElement(AvailabilityNotSetIcon, Object.assign({}, args));
|
|
50
|
-
}
|
|
51
|
-
function CalendarIconTemplate(args) {
|
|
52
|
-
return React.createElement(CalendarIcon, Object.assign({}, args));
|
|
53
|
-
}
|
|
54
|
-
function ClockIconTemplate(args) {
|
|
55
|
-
return React.createElement(ClockIcon, Object.assign({}, args));
|
|
56
|
-
}
|
|
57
|
-
function CloseIconTemplate(args) {
|
|
58
|
-
return React.createElement(CloseIcon, Object.assign({}, args));
|
|
59
|
-
}
|
|
60
|
-
function DeleteIconTemplate(args) {
|
|
61
|
-
return React.createElement(DeleteIcon, Object.assign({}, args));
|
|
62
|
-
}
|
|
63
|
-
function DoublePersonIconTemplate(args) {
|
|
64
|
-
return React.createElement(DoublePersonIcon, Object.assign({}, args));
|
|
65
|
-
}
|
|
66
|
-
function EditIconTemplate(args) {
|
|
67
|
-
return React.createElement(EditIcon, Object.assign({}, args));
|
|
68
|
-
}
|
|
69
|
-
function LeftChevronIconTemplate(args) {
|
|
70
|
-
return React.createElement(LeftChevronIcon, Object.assign({}, args));
|
|
71
|
-
}
|
|
72
|
-
function LocationIconTemplate(args) {
|
|
73
|
-
return React.createElement(LocationIcon, Object.assign({}, args));
|
|
74
|
-
}
|
|
75
|
-
function LineIconTemplate(args) {
|
|
76
|
-
return React.createElement(LineIcon, Object.assign({}, args));
|
|
77
|
-
}
|
|
78
|
-
function MessageIconTemplate(args) {
|
|
79
|
-
return React.createElement(MessageIcon, Object.assign({}, args));
|
|
80
|
-
}
|
|
81
|
-
function RightChevronIconTemplate(args) {
|
|
82
|
-
return React.createElement(RightChevronIcon, Object.assign({}, args));
|
|
83
|
-
}
|
|
84
|
-
function SessionIconTemplate(args) {
|
|
85
|
-
return React.createElement(SessionIcon, Object.assign({}, args));
|
|
86
|
-
}
|
|
87
|
-
function SinglePersonIconTemplate(args) {
|
|
88
|
-
return React.createElement(SinglePersonIcon, Object.assign({}, args));
|
|
89
|
-
}
|
|
90
|
-
function SocialMediaFacebookIconTemplate(args) {
|
|
91
|
-
return React.createElement(SocialMediaFacebookIcon, Object.assign({}, args));
|
|
92
|
-
}
|
|
93
|
-
function SocialMediaInstagramIconTemplate(args) {
|
|
94
|
-
return React.createElement(SocialMediaInstagramIcon, Object.assign({}, args));
|
|
95
|
-
}
|
|
96
|
-
function SocialMediaTikTokIconTemplate(args) {
|
|
97
|
-
return React.createElement(SocialMediaTikTokIcon, Object.assign({}, args));
|
|
98
|
-
}
|
|
99
|
-
function SocialMediaXIconTemplate(args) {
|
|
100
|
-
return React.createElement(SocialMediaXIcon, Object.assign({}, args));
|
|
101
|
-
}
|
|
102
|
-
function SocialMediaYoutubeIconTemplate(args) {
|
|
103
|
-
return React.createElement(SocialMediaYoutubeIcon, Object.assign({}, args));
|
|
104
|
-
}
|
|
105
|
-
function SwapIconTemplate(args) {
|
|
106
|
-
return React.createElement(SwapIcon, Object.assign({}, args));
|
|
107
|
-
}
|
|
108
|
-
function SwapNoBorderIconTemplate(args) {
|
|
109
|
-
return React.createElement(SwapNoBorderIcon, Object.assign({}, args));
|
|
110
|
-
}
|
|
111
|
-
function VerifiedIconTemplate(args) {
|
|
112
|
-
return React.createElement(VerifiedIcon, Object.assign({}, args));
|
|
113
|
-
}
|
|
114
|
-
function VisibilityIconTemplate(args) {
|
|
115
|
-
return React.createElement(VisibilityIcon, Object.assign({}, args));
|
|
116
|
-
}
|
|
117
|
-
function VisibilityOffIconTemplate(args) {
|
|
118
|
-
return React.createElement(VisibilityOffIcon, Object.assign({}, args));
|
|
119
|
-
}
|
|
120
|
-
function WinnerIndicatorIconTemplate(args) {
|
|
121
|
-
return React.createElement(WinnerIndicatorIcon, Object.assign({}, args));
|
|
122
|
-
}
|
|
123
|
-
// Stories
|
|
124
|
-
export const Add = AddIconTemplate.bind({});
|
|
125
|
-
Add.args = {
|
|
126
|
-
size: 150,
|
|
127
|
-
color: 'navy'
|
|
128
|
-
};
|
|
129
|
-
export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
|
|
130
|
-
AvailabilityMaybe.args = {
|
|
131
|
-
size: 150,
|
|
132
|
-
color: 'orange'
|
|
133
|
-
};
|
|
134
|
-
export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
|
|
135
|
-
AvailabilityNo.args = {
|
|
136
|
-
size: 150,
|
|
137
|
-
color: 'red'
|
|
138
|
-
};
|
|
139
|
-
export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
|
|
140
|
-
AvailabilityYes.args = {
|
|
141
|
-
size: 150,
|
|
142
|
-
color: 'green'
|
|
143
|
-
};
|
|
144
|
-
export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
|
|
145
|
-
AvailabilityNotSet.args = {
|
|
146
|
-
size: 150,
|
|
147
|
-
color: 'green'
|
|
148
|
-
};
|
|
149
|
-
export const Calendar = CalendarIconTemplate.bind({});
|
|
150
|
-
Calendar.args = {
|
|
151
|
-
size: 150,
|
|
152
|
-
color: 'green'
|
|
153
|
-
};
|
|
154
|
-
export const Clock = ClockIconTemplate.bind({});
|
|
155
|
-
Clock.args = {
|
|
156
|
-
size: 150,
|
|
157
|
-
color: 'maroon'
|
|
158
|
-
};
|
|
159
|
-
export const Close = CloseIconTemplate.bind({});
|
|
160
|
-
Close.args = {
|
|
161
|
-
size: 150,
|
|
162
|
-
color: 'purple'
|
|
163
|
-
};
|
|
164
|
-
export const Delete = DeleteIconTemplate.bind({});
|
|
165
|
-
Delete.args = {
|
|
166
|
-
size: 150,
|
|
167
|
-
color: 'orange'
|
|
168
|
-
};
|
|
169
|
-
export const DoublePerson = DoublePersonIconTemplate.bind({});
|
|
170
|
-
DoublePerson.args = {
|
|
171
|
-
height: 150,
|
|
172
|
-
width: 200,
|
|
173
|
-
color: 'red'
|
|
174
|
-
};
|
|
175
|
-
export const Edit = EditIconTemplate.bind({});
|
|
176
|
-
Edit.args = {
|
|
177
|
-
size: 150,
|
|
178
|
-
color: 'green'
|
|
179
|
-
};
|
|
180
|
-
export const LeftChevron = LeftChevronIconTemplate.bind({});
|
|
181
|
-
LeftChevron.args = {
|
|
182
|
-
size: 150,
|
|
183
|
-
color: 'grey'
|
|
184
|
-
};
|
|
185
|
-
export const RightChevron = RightChevronIconTemplate.bind({});
|
|
186
|
-
RightChevron.args = {
|
|
187
|
-
size: 150,
|
|
188
|
-
color: 'grey'
|
|
189
|
-
};
|
|
190
|
-
export const Location = LocationIconTemplate.bind({});
|
|
191
|
-
Location.args = {
|
|
192
|
-
size: 150,
|
|
193
|
-
color: 'grey'
|
|
194
|
-
};
|
|
195
|
-
export const Line = LineIconTemplate.bind({});
|
|
196
|
-
Line.args = {
|
|
197
|
-
width: 80,
|
|
198
|
-
height: 2,
|
|
199
|
-
color: 'grey'
|
|
200
|
-
};
|
|
201
|
-
export const Message = MessageIconTemplate.bind({});
|
|
202
|
-
Message.args = {
|
|
203
|
-
size: 150,
|
|
204
|
-
color: 'teal'
|
|
205
|
-
};
|
|
206
|
-
export const Session = SessionIconTemplate.bind({});
|
|
207
|
-
Session.args = {
|
|
208
|
-
size: 150,
|
|
209
|
-
color: 'red'
|
|
210
|
-
};
|
|
211
|
-
export const SinglePerson = SinglePersonIconTemplate.bind({});
|
|
212
|
-
SinglePerson.args = {
|
|
213
|
-
size: 150,
|
|
214
|
-
color: 'red'
|
|
215
|
-
};
|
|
216
|
-
export const FacebookIcon = SocialMediaFacebookIconTemplate.bind({});
|
|
217
|
-
FacebookIcon.args = {
|
|
218
|
-
size: 150,
|
|
219
|
-
color: 'blue'
|
|
220
|
-
};
|
|
221
|
-
export const InstagramIcon = SocialMediaInstagramIconTemplate.bind({});
|
|
222
|
-
InstagramIcon.args = {
|
|
223
|
-
size: 150,
|
|
224
|
-
color: 'green'
|
|
225
|
-
};
|
|
226
|
-
export const TikTokIcon = SocialMediaTikTokIconTemplate.bind({});
|
|
227
|
-
TikTokIcon.args = {
|
|
228
|
-
size: 150,
|
|
229
|
-
color: 'pink'
|
|
230
|
-
};
|
|
231
|
-
export const XIcon = SocialMediaXIconTemplate.bind({});
|
|
232
|
-
XIcon.args = {
|
|
233
|
-
size: 150,
|
|
234
|
-
color: 'black'
|
|
235
|
-
};
|
|
236
|
-
export const YoutubeIcon = SocialMediaYoutubeIconTemplate.bind({});
|
|
237
|
-
YoutubeIcon.args = {
|
|
238
|
-
size: 150,
|
|
239
|
-
color: 'brown'
|
|
240
|
-
};
|
|
241
|
-
export const Swap = SwapIconTemplate.bind({});
|
|
242
|
-
Swap.args = {
|
|
243
|
-
size: 150,
|
|
244
|
-
color: 'blue'
|
|
245
|
-
};
|
|
246
|
-
export const SwapNoBorder = SwapNoBorderIconTemplate.bind({});
|
|
247
|
-
SwapNoBorder.args = {
|
|
248
|
-
size: 150,
|
|
249
|
-
color: 'blue'
|
|
250
|
-
};
|
|
251
|
-
export const Verified = VerifiedIconTemplate.bind({});
|
|
252
|
-
Verified.args = {
|
|
253
|
-
size: 150,
|
|
254
|
-
color: 'black'
|
|
255
|
-
};
|
|
256
|
-
export const Visibility = VisibilityIconTemplate.bind({});
|
|
257
|
-
Visibility.args = {
|
|
258
|
-
size: 150,
|
|
259
|
-
color: 'black'
|
|
260
|
-
};
|
|
261
|
-
export const VisibilityOff = VisibilityOffIconTemplate.bind({});
|
|
262
|
-
VisibilityOff.args = {
|
|
263
|
-
size: 150,
|
|
264
|
-
color: 'black'
|
|
265
|
-
};
|
|
266
|
-
export const WinnerIndicator = WinnerIndicatorIconTemplate.bind({});
|
|
267
|
-
WinnerIndicator.args = {
|
|
268
|
-
isBlack: true
|
|
269
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import AddIcon from './AddIcon';
|
|
3
|
+
import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
|
|
4
|
+
import AvailabilityNoIcon from './AvailabilityNoIcon';
|
|
5
|
+
import AvailabilityYesIcon from './AvailabilityYesIcon';
|
|
6
|
+
import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
|
|
7
|
+
import CalendarIcon from './CalendarIcon';
|
|
8
|
+
import ClockIcon from './ClockIcon';
|
|
9
|
+
import CloseIcon from './CloseIcon';
|
|
10
|
+
import DeleteIcon from './DeleteIcon';
|
|
11
|
+
import DoublePersonIcon from './DoublePersonIcon';
|
|
12
|
+
import EditIcon from './EditIcon';
|
|
13
|
+
import LeftChevronIcon from './LeftChevronIcon';
|
|
14
|
+
import LocationIcon from './LocationIcon';
|
|
15
|
+
import LineIcon from './LineIcon';
|
|
16
|
+
import MessageIcon from './MessageIcon';
|
|
17
|
+
import RightChevronIcon from './RightChevronIcon';
|
|
18
|
+
import SessionIcon from './SessionIcon';
|
|
19
|
+
import SinglePersonIcon from './SinglePersonIcon';
|
|
20
|
+
import SocialMediaFacebookIcon from './SocialMediaFacebookIcon';
|
|
21
|
+
import SocialMediaInstagramIcon from './SocialMediaInstagramIcon';
|
|
22
|
+
import SocialMediaTikTokIcon from './SocialMediaTikTokIcon';
|
|
23
|
+
import SocialMediaXIcon from './SocialMediaXIcon';
|
|
24
|
+
import SocialMediaYoutubeIcon from './SocialMediaYoutubeIcon';
|
|
25
|
+
import SwapIcon from './SwapIcon';
|
|
26
|
+
import SwapNoBorderIcon from './SwapNoBorderIcon';
|
|
27
|
+
import VerifiedIcon from './VerifiedIcon';
|
|
28
|
+
import VisibilityIcon from './VisibilityIcon';
|
|
29
|
+
import VisibilityOffIcon from './VisibilityOffIcon';
|
|
30
|
+
import WinnerIndicatorIcon from './WinnerIndicatorIcon';
|
|
31
|
+
// Default
|
|
32
|
+
export default {
|
|
33
|
+
title: 'Atoms/Icons',
|
|
34
|
+
};
|
|
35
|
+
// Templates
|
|
36
|
+
function AddIconTemplate(args) {
|
|
37
|
+
return React.createElement(AddIcon, Object.assign({}, args));
|
|
38
|
+
}
|
|
39
|
+
function AvailabilityMaybeIconTemplate(args) {
|
|
40
|
+
return React.createElement(AvailabilityMaybeIcon, Object.assign({}, args));
|
|
41
|
+
}
|
|
42
|
+
function AvailabilityNoIconTemplate(args) {
|
|
43
|
+
return React.createElement(AvailabilityNoIcon, Object.assign({}, args));
|
|
44
|
+
}
|
|
45
|
+
function AvailabilityYesIconTemplate(args) {
|
|
46
|
+
return React.createElement(AvailabilityYesIcon, Object.assign({}, args));
|
|
47
|
+
}
|
|
48
|
+
function AvailabilityNotSetIconTemplate(args) {
|
|
49
|
+
return React.createElement(AvailabilityNotSetIcon, Object.assign({}, args));
|
|
50
|
+
}
|
|
51
|
+
function CalendarIconTemplate(args) {
|
|
52
|
+
return React.createElement(CalendarIcon, Object.assign({}, args));
|
|
53
|
+
}
|
|
54
|
+
function ClockIconTemplate(args) {
|
|
55
|
+
return React.createElement(ClockIcon, Object.assign({}, args));
|
|
56
|
+
}
|
|
57
|
+
function CloseIconTemplate(args) {
|
|
58
|
+
return React.createElement(CloseIcon, Object.assign({}, args));
|
|
59
|
+
}
|
|
60
|
+
function DeleteIconTemplate(args) {
|
|
61
|
+
return React.createElement(DeleteIcon, Object.assign({}, args));
|
|
62
|
+
}
|
|
63
|
+
function DoublePersonIconTemplate(args) {
|
|
64
|
+
return React.createElement(DoublePersonIcon, Object.assign({}, args));
|
|
65
|
+
}
|
|
66
|
+
function EditIconTemplate(args) {
|
|
67
|
+
return React.createElement(EditIcon, Object.assign({}, args));
|
|
68
|
+
}
|
|
69
|
+
function LeftChevronIconTemplate(args) {
|
|
70
|
+
return React.createElement(LeftChevronIcon, Object.assign({}, args));
|
|
71
|
+
}
|
|
72
|
+
function LocationIconTemplate(args) {
|
|
73
|
+
return React.createElement(LocationIcon, Object.assign({}, args));
|
|
74
|
+
}
|
|
75
|
+
function LineIconTemplate(args) {
|
|
76
|
+
return React.createElement(LineIcon, Object.assign({}, args));
|
|
77
|
+
}
|
|
78
|
+
function MessageIconTemplate(args) {
|
|
79
|
+
return React.createElement(MessageIcon, Object.assign({}, args));
|
|
80
|
+
}
|
|
81
|
+
function RightChevronIconTemplate(args) {
|
|
82
|
+
return React.createElement(RightChevronIcon, Object.assign({}, args));
|
|
83
|
+
}
|
|
84
|
+
function SessionIconTemplate(args) {
|
|
85
|
+
return React.createElement(SessionIcon, Object.assign({}, args));
|
|
86
|
+
}
|
|
87
|
+
function SinglePersonIconTemplate(args) {
|
|
88
|
+
return React.createElement(SinglePersonIcon, Object.assign({}, args));
|
|
89
|
+
}
|
|
90
|
+
function SocialMediaFacebookIconTemplate(args) {
|
|
91
|
+
return React.createElement(SocialMediaFacebookIcon, Object.assign({}, args));
|
|
92
|
+
}
|
|
93
|
+
function SocialMediaInstagramIconTemplate(args) {
|
|
94
|
+
return React.createElement(SocialMediaInstagramIcon, Object.assign({}, args));
|
|
95
|
+
}
|
|
96
|
+
function SocialMediaTikTokIconTemplate(args) {
|
|
97
|
+
return React.createElement(SocialMediaTikTokIcon, Object.assign({}, args));
|
|
98
|
+
}
|
|
99
|
+
function SocialMediaXIconTemplate(args) {
|
|
100
|
+
return React.createElement(SocialMediaXIcon, Object.assign({}, args));
|
|
101
|
+
}
|
|
102
|
+
function SocialMediaYoutubeIconTemplate(args) {
|
|
103
|
+
return React.createElement(SocialMediaYoutubeIcon, Object.assign({}, args));
|
|
104
|
+
}
|
|
105
|
+
function SwapIconTemplate(args) {
|
|
106
|
+
return React.createElement(SwapIcon, Object.assign({}, args));
|
|
107
|
+
}
|
|
108
|
+
function SwapNoBorderIconTemplate(args) {
|
|
109
|
+
return React.createElement(SwapNoBorderIcon, Object.assign({}, args));
|
|
110
|
+
}
|
|
111
|
+
function VerifiedIconTemplate(args) {
|
|
112
|
+
return React.createElement(VerifiedIcon, Object.assign({}, args));
|
|
113
|
+
}
|
|
114
|
+
function VisibilityIconTemplate(args) {
|
|
115
|
+
return React.createElement(VisibilityIcon, Object.assign({}, args));
|
|
116
|
+
}
|
|
117
|
+
function VisibilityOffIconTemplate(args) {
|
|
118
|
+
return React.createElement(VisibilityOffIcon, Object.assign({}, args));
|
|
119
|
+
}
|
|
120
|
+
function WinnerIndicatorIconTemplate(args) {
|
|
121
|
+
return React.createElement(WinnerIndicatorIcon, Object.assign({}, args));
|
|
122
|
+
}
|
|
123
|
+
// Stories
|
|
124
|
+
export const Add = AddIconTemplate.bind({});
|
|
125
|
+
Add.args = {
|
|
126
|
+
size: 150,
|
|
127
|
+
color: 'navy'
|
|
128
|
+
};
|
|
129
|
+
export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
|
|
130
|
+
AvailabilityMaybe.args = {
|
|
131
|
+
size: 150,
|
|
132
|
+
color: 'orange'
|
|
133
|
+
};
|
|
134
|
+
export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
|
|
135
|
+
AvailabilityNo.args = {
|
|
136
|
+
size: 150,
|
|
137
|
+
color: 'red'
|
|
138
|
+
};
|
|
139
|
+
export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
|
|
140
|
+
AvailabilityYes.args = {
|
|
141
|
+
size: 150,
|
|
142
|
+
color: 'green'
|
|
143
|
+
};
|
|
144
|
+
export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
|
|
145
|
+
AvailabilityNotSet.args = {
|
|
146
|
+
size: 150,
|
|
147
|
+
color: 'green'
|
|
148
|
+
};
|
|
149
|
+
export const Calendar = CalendarIconTemplate.bind({});
|
|
150
|
+
Calendar.args = {
|
|
151
|
+
size: 150,
|
|
152
|
+
color: 'green'
|
|
153
|
+
};
|
|
154
|
+
export const Clock = ClockIconTemplate.bind({});
|
|
155
|
+
Clock.args = {
|
|
156
|
+
size: 150,
|
|
157
|
+
color: 'maroon'
|
|
158
|
+
};
|
|
159
|
+
export const Close = CloseIconTemplate.bind({});
|
|
160
|
+
Close.args = {
|
|
161
|
+
size: 150,
|
|
162
|
+
color: 'purple'
|
|
163
|
+
};
|
|
164
|
+
export const Delete = DeleteIconTemplate.bind({});
|
|
165
|
+
Delete.args = {
|
|
166
|
+
size: 150,
|
|
167
|
+
color: 'orange'
|
|
168
|
+
};
|
|
169
|
+
export const DoublePerson = DoublePersonIconTemplate.bind({});
|
|
170
|
+
DoublePerson.args = {
|
|
171
|
+
height: 150,
|
|
172
|
+
width: 200,
|
|
173
|
+
color: 'red'
|
|
174
|
+
};
|
|
175
|
+
export const Edit = EditIconTemplate.bind({});
|
|
176
|
+
Edit.args = {
|
|
177
|
+
size: 150,
|
|
178
|
+
color: 'green'
|
|
179
|
+
};
|
|
180
|
+
export const LeftChevron = LeftChevronIconTemplate.bind({});
|
|
181
|
+
LeftChevron.args = {
|
|
182
|
+
size: 150,
|
|
183
|
+
color: 'grey'
|
|
184
|
+
};
|
|
185
|
+
export const RightChevron = RightChevronIconTemplate.bind({});
|
|
186
|
+
RightChevron.args = {
|
|
187
|
+
size: 150,
|
|
188
|
+
color: 'grey'
|
|
189
|
+
};
|
|
190
|
+
export const Location = LocationIconTemplate.bind({});
|
|
191
|
+
Location.args = {
|
|
192
|
+
size: 150,
|
|
193
|
+
color: 'grey'
|
|
194
|
+
};
|
|
195
|
+
export const Line = LineIconTemplate.bind({});
|
|
196
|
+
Line.args = {
|
|
197
|
+
width: 80,
|
|
198
|
+
height: 2,
|
|
199
|
+
color: 'grey'
|
|
200
|
+
};
|
|
201
|
+
export const Message = MessageIconTemplate.bind({});
|
|
202
|
+
Message.args = {
|
|
203
|
+
size: 150,
|
|
204
|
+
color: 'teal'
|
|
205
|
+
};
|
|
206
|
+
export const Session = SessionIconTemplate.bind({});
|
|
207
|
+
Session.args = {
|
|
208
|
+
size: 150,
|
|
209
|
+
color: 'red'
|
|
210
|
+
};
|
|
211
|
+
export const SinglePerson = SinglePersonIconTemplate.bind({});
|
|
212
|
+
SinglePerson.args = {
|
|
213
|
+
size: 150,
|
|
214
|
+
color: 'red'
|
|
215
|
+
};
|
|
216
|
+
export const FacebookIcon = SocialMediaFacebookIconTemplate.bind({});
|
|
217
|
+
FacebookIcon.args = {
|
|
218
|
+
size: 150,
|
|
219
|
+
color: 'blue'
|
|
220
|
+
};
|
|
221
|
+
export const InstagramIcon = SocialMediaInstagramIconTemplate.bind({});
|
|
222
|
+
InstagramIcon.args = {
|
|
223
|
+
size: 150,
|
|
224
|
+
color: 'green'
|
|
225
|
+
};
|
|
226
|
+
export const TikTokIcon = SocialMediaTikTokIconTemplate.bind({});
|
|
227
|
+
TikTokIcon.args = {
|
|
228
|
+
size: 150,
|
|
229
|
+
color: 'pink'
|
|
230
|
+
};
|
|
231
|
+
export const XIcon = SocialMediaXIconTemplate.bind({});
|
|
232
|
+
XIcon.args = {
|
|
233
|
+
size: 150,
|
|
234
|
+
color: 'black'
|
|
235
|
+
};
|
|
236
|
+
export const YoutubeIcon = SocialMediaYoutubeIconTemplate.bind({});
|
|
237
|
+
YoutubeIcon.args = {
|
|
238
|
+
size: 150,
|
|
239
|
+
color: 'brown'
|
|
240
|
+
};
|
|
241
|
+
export const Swap = SwapIconTemplate.bind({});
|
|
242
|
+
Swap.args = {
|
|
243
|
+
size: 150,
|
|
244
|
+
color: 'blue'
|
|
245
|
+
};
|
|
246
|
+
export const SwapNoBorder = SwapNoBorderIconTemplate.bind({});
|
|
247
|
+
SwapNoBorder.args = {
|
|
248
|
+
size: 150,
|
|
249
|
+
color: 'blue'
|
|
250
|
+
};
|
|
251
|
+
export const Verified = VerifiedIconTemplate.bind({});
|
|
252
|
+
Verified.args = {
|
|
253
|
+
size: 150,
|
|
254
|
+
color: 'black'
|
|
255
|
+
};
|
|
256
|
+
export const Visibility = VisibilityIconTemplate.bind({});
|
|
257
|
+
Visibility.args = {
|
|
258
|
+
size: 150,
|
|
259
|
+
color: 'black'
|
|
260
|
+
};
|
|
261
|
+
export const VisibilityOff = VisibilityOffIconTemplate.bind({});
|
|
262
|
+
VisibilityOff.args = {
|
|
263
|
+
size: 150,
|
|
264
|
+
color: 'black'
|
|
265
|
+
};
|
|
266
|
+
export const WinnerIndicator = WinnerIndicatorIconTemplate.bind({});
|
|
267
|
+
WinnerIndicator.args = {
|
|
268
|
+
isBlack: true
|
|
269
|
+
};
|
|
270
270
|
//# sourceMappingURL=Icons.stories.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IconProps } from "./sharedTypes";
|
|
3
|
-
export default function LeftChevronIcon({ size, color }: IconProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconProps } from "./sharedTypes";
|
|
3
|
+
export default function LeftChevronIcon({ size, color }: IconProps): JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from "react";
|
|
3
|
-
export default function LeftChevronIcon({ size, color }) {
|
|
4
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 8 16", fill: color, xmlns: "http://www.w3.org/2000/svg" },
|
|
5
|
-
React.createElement("path", { d: "M7.84116 0.134474C7.66171 -0.0330075 7.39178 -0.0429963 7.20168 0.0986352L7.13447 0.158843L0.13447 7.65884C-0.0224142 7.82693 -0.0420246 8.07619 0.0756388 8.26457L0.13447 8.34116L7.13447 15.8412C7.32289 16.043 7.63928 16.0539 7.84116 15.8655C8.0206 15.698 8.04916 15.4294 7.92096 15.23L7.86553 15.1588L1.185 7.999L7.86553 0.841161C8.03301 0.661716 8.043 0.391787 7.90136 0.201687L7.84116 0.134474Z" })));
|
|
6
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from "react";
|
|
3
|
+
export default function LeftChevronIcon({ size, color }) {
|
|
4
|
+
return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 8 16", fill: color, xmlns: "http://www.w3.org/2000/svg" },
|
|
5
|
+
React.createElement("path", { d: "M7.84116 0.134474C7.66171 -0.0330075 7.39178 -0.0429963 7.20168 0.0986352L7.13447 0.158843L0.13447 7.65884C-0.0224142 7.82693 -0.0420246 8.07619 0.0756388 8.26457L0.13447 8.34116L7.13447 15.8412C7.32289 16.043 7.63928 16.0539 7.84116 15.8655C8.0206 15.698 8.04916 15.4294 7.92096 15.23L7.86553 15.1588L1.185 7.999L7.86553 0.841161C8.03301 0.661716 8.043 0.391787 7.90136 0.201687L7.84116 0.134474Z" })));
|
|
6
|
+
}
|
|
7
7
|
//# sourceMappingURL=LeftChevronIcon.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function LineIcon({ width, height, color }: IconProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconProps } from './sharedTypes';
|
|
3
|
+
export default function LineIcon({ width, height, color }: IconProps): JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export default function LineIcon({ width, height, color }) {
|
|
4
|
-
return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 83 1", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
5
|
-
React.createElement("line", { x1: "83", y1: "0.5", x2: "4.37114e-08", y2: "0.500007", stroke: color })));
|
|
6
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export default function LineIcon({ width, height, color }) {
|
|
4
|
+
return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 83 1", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
5
|
+
React.createElement("line", { x1: "83", y1: "0.5", x2: "4.37114e-08", y2: "0.500007", stroke: color })));
|
|
6
|
+
}
|
|
7
7
|
//# sourceMappingURL=LineIcon.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function LocationIcon({ size, color }: IconProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconProps } from './sharedTypes';
|
|
3
|
+
export default function LocationIcon({ size, color }: IconProps): JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export default function LocationIcon({ size, color }) {
|
|
4
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 14", fill: color, xmlns: "http://www.w3.org/2000/svg" },
|
|
5
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 8C8.10457 8 9 7.10457 9 6C9 4.89543 8.10457 4 7 4C5.89543 4 5 4.89543 5 6C5 7.10457 5.89543 8 7 8ZM7 9C8.65685 9 10 7.65685 10 6C10 4.34315 8.65685 3 7 3C5.34315 3 4 4.34315 4 6C4 7.65685 5.34315 9 7 9Z" }),
|
|
6
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.30809 10.9655C10.7626 9.57161 12 7.8219 12 6C12 3.23858 9.76142 1 7 1C4.23858 1 2 3.23858 2 6C2 7.8219 3.2374 9.57161 4.69191 10.9655C5.39697 11.6412 6.10609 12.1882 6.64052 12.5668C6.7725 12.6603 6.89326 12.7431 7 12.8146C7.10674 12.7431 7.2275 12.6603 7.35948 12.5668C7.89391 12.1882 8.60303 11.6412 9.30809 10.9655ZM7 14C7 14 13 10.5 13 6C13 2.68629 10.3137 0 7 0C3.68629 0 1 2.68629 1 6C1 10.5 7 14 7 14Z" })));
|
|
7
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export default function LocationIcon({ size, color }) {
|
|
4
|
+
return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 14", fill: color, xmlns: "http://www.w3.org/2000/svg" },
|
|
5
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 8C8.10457 8 9 7.10457 9 6C9 4.89543 8.10457 4 7 4C5.89543 4 5 4.89543 5 6C5 7.10457 5.89543 8 7 8ZM7 9C8.65685 9 10 7.65685 10 6C10 4.34315 8.65685 3 7 3C5.34315 3 4 4.34315 4 6C4 7.65685 5.34315 9 7 9Z" }),
|
|
6
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.30809 10.9655C10.7626 9.57161 12 7.8219 12 6C12 3.23858 9.76142 1 7 1C4.23858 1 2 3.23858 2 6C2 7.8219 3.2374 9.57161 4.69191 10.9655C5.39697 11.6412 6.10609 12.1882 6.64052 12.5668C6.7725 12.6603 6.89326 12.7431 7 12.8146C7.10674 12.7431 7.2275 12.6603 7.35948 12.5668C7.89391 12.1882 8.60303 11.6412 9.30809 10.9655ZM7 14C7 14 13 10.5 13 6C13 2.68629 10.3137 0 7 0C3.68629 0 1 2.68629 1 6C1 10.5 7 14 7 14Z" })));
|
|
7
|
+
}
|
|
8
8
|
//# sourceMappingURL=LocationIcon.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function MessageIcon({ size, color }: IconProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconProps } from './sharedTypes';
|
|
3
|
+
export default function MessageIcon({ size, color }: IconProps): JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export default function MessageIcon({ size, color }) {
|
|
4
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
|
|
5
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.2383 10.1536H7.28591C6.99677 10.1536 6.7621 10.3776 6.7621 10.6536C6.7621 10.9296 6.99677 11.1536 7.28591 11.1536H17.2383C17.5274 11.1536 17.7621 10.9296 17.7621 10.6536C17.7621 10.3776 17.5274 10.1536 17.2383 10.1536M17.2383 7.1075H7.28591C6.99677 7.1075 6.7621 7.3315 6.7621 7.6075C6.7621 7.8835 6.99677 8.1075 7.28591 8.1075H17.2383C17.5274 8.1075 17.7621 7.8835 17.7621 7.6075C17.7621 7.3315 17.5274 7.1075 17.2383 7.1075M14.0954 13.1996H7.28591C6.99677 13.1996 6.7621 13.4236 6.7621 13.6996C6.7621 13.9756 6.99677 14.1996 7.28591 14.1996H14.0954C14.3846 14.1996 14.6192 13.9756 14.6192 13.6996C14.6192 13.4236 14.3846 13.1996 14.0954 13.1996M12.0002 0C10.7588 0 9.46915 0.19901 8.16381 0.629521C5.09534 1.6398 2.64915 4.033 1.62458 7.01409C-0.613136 13.5235 3.43801 19.6106 9.38115 21.0179V23.4903C9.38115 23.7868 9.63257 24 9.90705 24C9.994 24 10.0831 23.9787 10.1669 23.932L16.6904 20.3071C20.8075 18.117 23.0002 14.9237 23.0002 10.6613C23.0002 4.77319 18.0753 0 12.0002 0M21.9526 10.6613C21.9526 14.4891 20.0658 17.3525 16.1687 19.4258L10.4288 22.6161V21.0179C10.4288 20.5498 10.0988 20.1427 9.62943 20.032C6.94019 19.3943 4.62705 17.6764 3.28296 15.3177C1.91163 12.9133 1.67591 10.0784 2.61877 7.33494C3.54277 4.64628 5.74172 2.49879 8.50115 1.59005C9.66086 1.20828 10.8373 1.01536 12.0002 1.01536C17.4876 1.01536 21.9526 5.34281 21.9526 10.6613Z" })));
|
|
6
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export default function MessageIcon({ size, color }) {
|
|
4
|
+
return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
|
|
5
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.2383 10.1536H7.28591C6.99677 10.1536 6.7621 10.3776 6.7621 10.6536C6.7621 10.9296 6.99677 11.1536 7.28591 11.1536H17.2383C17.5274 11.1536 17.7621 10.9296 17.7621 10.6536C17.7621 10.3776 17.5274 10.1536 17.2383 10.1536M17.2383 7.1075H7.28591C6.99677 7.1075 6.7621 7.3315 6.7621 7.6075C6.7621 7.8835 6.99677 8.1075 7.28591 8.1075H17.2383C17.5274 8.1075 17.7621 7.8835 17.7621 7.6075C17.7621 7.3315 17.5274 7.1075 17.2383 7.1075M14.0954 13.1996H7.28591C6.99677 13.1996 6.7621 13.4236 6.7621 13.6996C6.7621 13.9756 6.99677 14.1996 7.28591 14.1996H14.0954C14.3846 14.1996 14.6192 13.9756 14.6192 13.6996C14.6192 13.4236 14.3846 13.1996 14.0954 13.1996M12.0002 0C10.7588 0 9.46915 0.19901 8.16381 0.629521C5.09534 1.6398 2.64915 4.033 1.62458 7.01409C-0.613136 13.5235 3.43801 19.6106 9.38115 21.0179V23.4903C9.38115 23.7868 9.63257 24 9.90705 24C9.994 24 10.0831 23.9787 10.1669 23.932L16.6904 20.3071C20.8075 18.117 23.0002 14.9237 23.0002 10.6613C23.0002 4.77319 18.0753 0 12.0002 0M21.9526 10.6613C21.9526 14.4891 20.0658 17.3525 16.1687 19.4258L10.4288 22.6161V21.0179C10.4288 20.5498 10.0988 20.1427 9.62943 20.032C6.94019 19.3943 4.62705 17.6764 3.28296 15.3177C1.91163 12.9133 1.67591 10.0784 2.61877 7.33494C3.54277 4.64628 5.74172 2.49879 8.50115 1.59005C9.66086 1.20828 10.8373 1.01536 12.0002 1.01536C17.4876 1.01536 21.9526 5.34281 21.9526 10.6613Z" })));
|
|
6
|
+
}
|
|
7
7
|
//# sourceMappingURL=MessageIcon.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IconProps } from "./sharedTypes";
|
|
3
|
-
export default function RightChevronIcon({ size, color }: IconProps): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconProps } from "./sharedTypes";
|
|
3
|
+
export default function RightChevronIcon({ size, color }: IconProps): JSX.Element;
|