@universal-tennis/ui-shared 0.1.86 → 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 -60
- 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/Tables.stories.js.map +1 -1
- 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 -70
- package/dist/stories/organisms/Tables/mockData.js +99 -98
- 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 -158
- package/src/stories/molecules/Cards/sharedTypes.ts +69 -68
- 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 -130
- 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,9 +1,9 @@
|
|
|
1
|
-
<svg width="205" height="51" viewBox="0 0 205 51" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
-
<rect width="205" height="51" fill="url(#pattern0)"/>
|
|
3
|
-
<defs>
|
|
4
|
-
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
|
|
5
|
-
<use xlink:href="#image0_702_6269" transform="scale(0.00487805 0.0196078)"/>
|
|
6
|
-
</pattern>
|
|
7
|
-
<image id="image0_702_6269" width="205" height="51" xlink:href="data:image/png;base64,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"/>
|
|
8
|
-
</defs>
|
|
9
|
-
</svg>
|
|
1
|
+
<svg width="205" height="51" viewBox="0 0 205 51" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
<rect width="205" height="51" fill="url(#pattern0)"/>
|
|
3
|
+
<defs>
|
|
4
|
+
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
|
|
5
|
+
<use xlink:href="#image0_702_6269" transform="scale(0.00487805 0.0196078)"/>
|
|
6
|
+
</pattern>
|
|
7
|
+
<image id="image0_702_6269" width="205" height="51" xlink:href="data:image/png;base64,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"/>
|
|
8
|
+
</defs>
|
|
9
|
+
</svg>
|
|
@@ -1,63 +1,63 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import Button from './Button';
|
|
4
|
-
|
|
5
|
-
interface Props {
|
|
6
|
-
children: string;
|
|
7
|
-
category: string;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export default {
|
|
11
|
-
title: 'Atoms/Button',
|
|
12
|
-
component: Button,
|
|
13
|
-
argTypes: {
|
|
14
|
-
backgroundColor: { control: 'color' },
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
function Template(args: Props) {
|
|
19
|
-
return <Button {...args} />;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
function BlackTemplate(args: Props) {
|
|
23
|
-
return (
|
|
24
|
-
<div style={{ backgroundColor: "#000", height: '100vh' }}>
|
|
25
|
-
<Button {...args} />
|
|
26
|
-
</div>
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export const Primary = Template.bind({});
|
|
31
|
-
Primary.args = {
|
|
32
|
-
category: "primary",
|
|
33
|
-
children: 'Button',
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export const PrimaryExpanded = Template.bind({});
|
|
37
|
-
PrimaryExpanded.args = {
|
|
38
|
-
category: "primary-expanded",
|
|
39
|
-
children: 'Button',
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export const Secondary = Template.bind({});
|
|
43
|
-
Secondary.args = {
|
|
44
|
-
category: "secondary",
|
|
45
|
-
children: 'Button',
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
export const SecondaryFlipped = BlackTemplate.bind({});
|
|
49
|
-
SecondaryFlipped.args = {
|
|
50
|
-
category: "secondary-flipped",
|
|
51
|
-
children: 'Button',
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
export const Link = Template.bind({});
|
|
55
|
-
Link.args = {
|
|
56
|
-
category: "link",
|
|
57
|
-
children: 'Button',
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export const Default = Template.bind({});
|
|
61
|
-
Default.args = {
|
|
62
|
-
children: 'Button',
|
|
63
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
import Button from './Button';
|
|
4
|
+
|
|
5
|
+
interface Props {
|
|
6
|
+
children: string;
|
|
7
|
+
category: string;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export default {
|
|
11
|
+
title: 'Atoms/Button',
|
|
12
|
+
component: Button,
|
|
13
|
+
argTypes: {
|
|
14
|
+
backgroundColor: { control: 'color' },
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
function Template(args: Props) {
|
|
19
|
+
return <Button {...args} />;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
function BlackTemplate(args: Props) {
|
|
23
|
+
return (
|
|
24
|
+
<div style={{ backgroundColor: "#000", height: '100vh' }}>
|
|
25
|
+
<Button {...args} />
|
|
26
|
+
</div>
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export const Primary = Template.bind({});
|
|
31
|
+
Primary.args = {
|
|
32
|
+
category: "primary",
|
|
33
|
+
children: 'Button',
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export const PrimaryExpanded = Template.bind({});
|
|
37
|
+
PrimaryExpanded.args = {
|
|
38
|
+
category: "primary-expanded",
|
|
39
|
+
children: 'Button',
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export const Secondary = Template.bind({});
|
|
43
|
+
Secondary.args = {
|
|
44
|
+
category: "secondary",
|
|
45
|
+
children: 'Button',
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export const SecondaryFlipped = BlackTemplate.bind({});
|
|
49
|
+
SecondaryFlipped.args = {
|
|
50
|
+
category: "secondary-flipped",
|
|
51
|
+
children: 'Button',
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export const Link = Template.bind({});
|
|
55
|
+
Link.args = {
|
|
56
|
+
category: "link",
|
|
57
|
+
children: 'Button',
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
export const Default = Template.bind({});
|
|
61
|
+
Default.args = {
|
|
62
|
+
children: 'Button',
|
|
63
|
+
};
|
|
@@ -1,145 +1,145 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import MuiButton from '@mui/material/Button';
|
|
3
|
-
import { styled } from '@mui/material/styles';
|
|
4
|
-
|
|
5
|
-
type ButtonProps = {
|
|
6
|
-
children: string | ReactElement;
|
|
7
|
-
category?: string;
|
|
8
|
-
onClick?: VoidFunction;
|
|
9
|
-
style?: React.CSSProperties;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
type StyledButtonProps = {
|
|
14
|
-
isExpanded?: boolean;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
const StyledButton = styled(MuiButton)({
|
|
18
|
-
borderRadius: '24px',
|
|
19
|
-
fontSize: '12px',
|
|
20
|
-
padding: '0 24px',
|
|
21
|
-
height: '40px',
|
|
22
|
-
whiteSpace: 'nowrap',
|
|
23
|
-
lineHeight: '39px',
|
|
24
|
-
border: '1px solid transparent',
|
|
25
|
-
|
|
26
|
-
'&:hover': {
|
|
27
|
-
cursor: 'pointer'
|
|
28
|
-
},
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
const PrimaryButton = styled(StyledButton)((props: StyledButtonProps) => ({
|
|
32
|
-
backgroundColor: 'var(--black)',
|
|
33
|
-
color: 'var(--white)',
|
|
34
|
-
width: props.isExpanded ? '100%' : 'inherit',
|
|
35
|
-
|
|
36
|
-
'&:hover': {
|
|
37
|
-
backgroundColor: 'var(--darkest-grey)',
|
|
38
|
-
borderColor: 'var(--darkest-grey)',
|
|
39
|
-
},
|
|
40
|
-
'&:disabled': {
|
|
41
|
-
backgroundColor: 'var(--light-grey)',
|
|
42
|
-
borderColor: 'var(--light-grey)',
|
|
43
|
-
},
|
|
44
|
-
}));
|
|
45
|
-
|
|
46
|
-
const SecondaryButton = styled(StyledButton)({
|
|
47
|
-
borderColor: 'var(--black)',
|
|
48
|
-
backgroundColor: 'transparent',
|
|
49
|
-
color: 'var(--black)',
|
|
50
|
-
|
|
51
|
-
'&:hover': {
|
|
52
|
-
borderColor: 'var(--darkest-grey)',
|
|
53
|
-
},
|
|
54
|
-
'&:disabled': {
|
|
55
|
-
borderColor: 'var(--disabled)'
|
|
56
|
-
},
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
const SecondaryButtonFlipped = styled(StyledButton)({
|
|
60
|
-
borderColor: 'var(--white)',
|
|
61
|
-
backgroundColor: 'transparent',
|
|
62
|
-
color: 'var(--white)',
|
|
63
|
-
borderWidth: '2px',
|
|
64
|
-
|
|
65
|
-
'&:hover': {
|
|
66
|
-
borderColor: 'var(--darkest-grey)',
|
|
67
|
-
color: 'var(--darkest-grey)',
|
|
68
|
-
},
|
|
69
|
-
'&:disabled': {
|
|
70
|
-
borderColor: 'var(--disabled)',
|
|
71
|
-
color: 'var(--disabled)'
|
|
72
|
-
},
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
const LinkButton = styled(MuiButton)({
|
|
76
|
-
borderColor: 'transparent',
|
|
77
|
-
backgroundColor: 'transparent',
|
|
78
|
-
color: 'var(--primary)',
|
|
79
|
-
textTransform: 'inherit',
|
|
80
|
-
justifyContent: 'left',
|
|
81
|
-
padding: 0,
|
|
82
|
-
|
|
83
|
-
'&:hover': {
|
|
84
|
-
backgroundColor: 'transparent',
|
|
85
|
-
},
|
|
86
|
-
|
|
87
|
-
'&:disabled': {
|
|
88
|
-
borderColor: 'var(--disabled)'
|
|
89
|
-
},
|
|
90
|
-
});
|
|
91
|
-
|
|
92
|
-
export default function Button({ children, category, ...props }: ButtonProps) {
|
|
93
|
-
switch (category) {
|
|
94
|
-
case 'primary':
|
|
95
|
-
return (
|
|
96
|
-
<PrimaryButton
|
|
97
|
-
{...props}
|
|
98
|
-
>
|
|
99
|
-
{children}
|
|
100
|
-
</PrimaryButton>
|
|
101
|
-
);
|
|
102
|
-
case 'primary-expanded':
|
|
103
|
-
return (
|
|
104
|
-
<PrimaryButton
|
|
105
|
-
isExpanded
|
|
106
|
-
{...props}
|
|
107
|
-
>
|
|
108
|
-
{children}
|
|
109
|
-
</PrimaryButton>
|
|
110
|
-
);
|
|
111
|
-
case 'secondary':
|
|
112
|
-
return (
|
|
113
|
-
<SecondaryButton
|
|
114
|
-
{...props}
|
|
115
|
-
>
|
|
116
|
-
{children}
|
|
117
|
-
</SecondaryButton>
|
|
118
|
-
);
|
|
119
|
-
case 'secondary-flipped':
|
|
120
|
-
return (
|
|
121
|
-
<SecondaryButtonFlipped
|
|
122
|
-
{...props}
|
|
123
|
-
>
|
|
124
|
-
{children}
|
|
125
|
-
</SecondaryButtonFlipped>
|
|
126
|
-
);
|
|
127
|
-
case 'link':
|
|
128
|
-
return (
|
|
129
|
-
<LinkButton
|
|
130
|
-
disableTouchRipple
|
|
131
|
-
{...props}
|
|
132
|
-
>
|
|
133
|
-
{children}
|
|
134
|
-
</LinkButton>
|
|
135
|
-
);
|
|
136
|
-
default:
|
|
137
|
-
return (
|
|
138
|
-
<StyledButton
|
|
139
|
-
{...props}
|
|
140
|
-
>
|
|
141
|
-
{children}
|
|
142
|
-
</StyledButton>
|
|
143
|
-
);
|
|
144
|
-
}
|
|
145
|
-
}
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
|
+
import MuiButton from '@mui/material/Button';
|
|
3
|
+
import { styled } from '@mui/material/styles';
|
|
4
|
+
|
|
5
|
+
type ButtonProps = {
|
|
6
|
+
children: string | ReactElement;
|
|
7
|
+
category?: string;
|
|
8
|
+
onClick?: VoidFunction;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type StyledButtonProps = {
|
|
14
|
+
isExpanded?: boolean;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
const StyledButton = styled(MuiButton)({
|
|
18
|
+
borderRadius: '24px',
|
|
19
|
+
fontSize: '12px',
|
|
20
|
+
padding: '0 24px',
|
|
21
|
+
height: '40px',
|
|
22
|
+
whiteSpace: 'nowrap',
|
|
23
|
+
lineHeight: '39px',
|
|
24
|
+
border: '1px solid transparent',
|
|
25
|
+
|
|
26
|
+
'&:hover': {
|
|
27
|
+
cursor: 'pointer'
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
const PrimaryButton = styled(StyledButton)((props: StyledButtonProps) => ({
|
|
32
|
+
backgroundColor: 'var(--black)',
|
|
33
|
+
color: 'var(--white)',
|
|
34
|
+
width: props.isExpanded ? '100%' : 'inherit',
|
|
35
|
+
|
|
36
|
+
'&:hover': {
|
|
37
|
+
backgroundColor: 'var(--darkest-grey)',
|
|
38
|
+
borderColor: 'var(--darkest-grey)',
|
|
39
|
+
},
|
|
40
|
+
'&:disabled': {
|
|
41
|
+
backgroundColor: 'var(--light-grey)',
|
|
42
|
+
borderColor: 'var(--light-grey)',
|
|
43
|
+
},
|
|
44
|
+
}));
|
|
45
|
+
|
|
46
|
+
const SecondaryButton = styled(StyledButton)({
|
|
47
|
+
borderColor: 'var(--black)',
|
|
48
|
+
backgroundColor: 'transparent',
|
|
49
|
+
color: 'var(--black)',
|
|
50
|
+
|
|
51
|
+
'&:hover': {
|
|
52
|
+
borderColor: 'var(--darkest-grey)',
|
|
53
|
+
},
|
|
54
|
+
'&:disabled': {
|
|
55
|
+
borderColor: 'var(--disabled)'
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
const SecondaryButtonFlipped = styled(StyledButton)({
|
|
60
|
+
borderColor: 'var(--white)',
|
|
61
|
+
backgroundColor: 'transparent',
|
|
62
|
+
color: 'var(--white)',
|
|
63
|
+
borderWidth: '2px',
|
|
64
|
+
|
|
65
|
+
'&:hover': {
|
|
66
|
+
borderColor: 'var(--darkest-grey)',
|
|
67
|
+
color: 'var(--darkest-grey)',
|
|
68
|
+
},
|
|
69
|
+
'&:disabled': {
|
|
70
|
+
borderColor: 'var(--disabled)',
|
|
71
|
+
color: 'var(--disabled)'
|
|
72
|
+
},
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
const LinkButton = styled(MuiButton)({
|
|
76
|
+
borderColor: 'transparent',
|
|
77
|
+
backgroundColor: 'transparent',
|
|
78
|
+
color: 'var(--primary)',
|
|
79
|
+
textTransform: 'inherit',
|
|
80
|
+
justifyContent: 'left',
|
|
81
|
+
padding: 0,
|
|
82
|
+
|
|
83
|
+
'&:hover': {
|
|
84
|
+
backgroundColor: 'transparent',
|
|
85
|
+
},
|
|
86
|
+
|
|
87
|
+
'&:disabled': {
|
|
88
|
+
borderColor: 'var(--disabled)'
|
|
89
|
+
},
|
|
90
|
+
});
|
|
91
|
+
|
|
92
|
+
export default function Button({ children, category, ...props }: ButtonProps) {
|
|
93
|
+
switch (category) {
|
|
94
|
+
case 'primary':
|
|
95
|
+
return (
|
|
96
|
+
<PrimaryButton
|
|
97
|
+
{...props}
|
|
98
|
+
>
|
|
99
|
+
{children}
|
|
100
|
+
</PrimaryButton>
|
|
101
|
+
);
|
|
102
|
+
case 'primary-expanded':
|
|
103
|
+
return (
|
|
104
|
+
<PrimaryButton
|
|
105
|
+
isExpanded
|
|
106
|
+
{...props}
|
|
107
|
+
>
|
|
108
|
+
{children}
|
|
109
|
+
</PrimaryButton>
|
|
110
|
+
);
|
|
111
|
+
case 'secondary':
|
|
112
|
+
return (
|
|
113
|
+
<SecondaryButton
|
|
114
|
+
{...props}
|
|
115
|
+
>
|
|
116
|
+
{children}
|
|
117
|
+
</SecondaryButton>
|
|
118
|
+
);
|
|
119
|
+
case 'secondary-flipped':
|
|
120
|
+
return (
|
|
121
|
+
<SecondaryButtonFlipped
|
|
122
|
+
{...props}
|
|
123
|
+
>
|
|
124
|
+
{children}
|
|
125
|
+
</SecondaryButtonFlipped>
|
|
126
|
+
);
|
|
127
|
+
case 'link':
|
|
128
|
+
return (
|
|
129
|
+
<LinkButton
|
|
130
|
+
disableTouchRipple
|
|
131
|
+
{...props}
|
|
132
|
+
>
|
|
133
|
+
{children}
|
|
134
|
+
</LinkButton>
|
|
135
|
+
);
|
|
136
|
+
default:
|
|
137
|
+
return (
|
|
138
|
+
<StyledButton
|
|
139
|
+
{...props}
|
|
140
|
+
>
|
|
141
|
+
{children}
|
|
142
|
+
</StyledButton>
|
|
143
|
+
);
|
|
144
|
+
}
|
|
145
|
+
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { IconProps } from './sharedTypes';
|
|
4
|
-
|
|
5
|
-
export default function AddIcon({ size, color }: IconProps) {
|
|
6
|
-
return (
|
|
7
|
-
<svg width={size} height={size} viewBox="0 0 16 16" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" />
|
|
9
|
-
<path d="M7.5 4.5C7.5 4.22386 7.72386 4 8 4V4C8.27614 4 8.5 4.22386 8.5 4.5V11.5C8.5 11.7761 8.27614 12 8 12V12C7.72386 12 7.5 11.7761 7.5 11.5V4.5Z" />
|
|
10
|
-
<path d="M4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8V8C12 8.27614 11.7761 8.5 11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8V8Z" />
|
|
11
|
-
</svg>
|
|
12
|
-
);
|
|
13
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { IconProps } from './sharedTypes';
|
|
4
|
+
|
|
5
|
+
export default function AddIcon({ size, color }: IconProps) {
|
|
6
|
+
return (
|
|
7
|
+
<svg width={size} height={size} viewBox="0 0 16 16" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" />
|
|
9
|
+
<path d="M7.5 4.5C7.5 4.22386 7.72386 4 8 4V4C8.27614 4 8.5 4.22386 8.5 4.5V11.5C8.5 11.7761 8.27614 12 8 12V12C7.72386 12 7.5 11.7761 7.5 11.5V4.5Z" />
|
|
10
|
+
<path d="M4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8V8C12 8.27614 11.7761 8.5 11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8V8Z" />
|
|
11
|
+
</svg>
|
|
12
|
+
);
|
|
13
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { IconProps } from './sharedTypes';
|
|
4
|
-
|
|
5
|
-
export default function AvailabilityMaybeIcon({ size, color }: IconProps) {
|
|
6
|
-
return (
|
|
7
|
-
<svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM9.5 9C9.5 7.61929 10.6193 6.5 12 6.5C13.3807 6.5 14.5 7.61929 14.5 9C14.5 10.3807 13.3807 11.5 12 11.5C11.9568 11.5 11.915 11.5055 11.875 11.5158C11.835 11.5055 11.7932 11.5 11.75 11.5C11.4739 11.5 11.25 11.7239 11.25 12V14C11.25 14.2761 11.4739 14.5 11.75 14.5C12.0261 14.5 12.25 14.2761 12.25 14V12.4912C14.0663 12.363 15.5 10.8489 15.5 9C15.5 7.067 13.933 5.5 12 5.5C10.067 5.5 8.5 7.067 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5C9.27614 9.5 9.5 9.27614 9.5 9ZM13.5 17.25C13.5 18.0784 12.8284 18.75 12 18.75C11.1716 18.75 10.5 18.0784 10.5 17.25C10.5 16.4216 11.1716 15.75 12 15.75C12.8284 15.75 13.5 16.4216 13.5 17.25Z" />
|
|
9
|
-
</svg>
|
|
10
|
-
);
|
|
11
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { IconProps } from './sharedTypes';
|
|
4
|
+
|
|
5
|
+
export default function AvailabilityMaybeIcon({ size, color }: IconProps) {
|
|
6
|
+
return (
|
|
7
|
+
<svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM9.5 9C9.5 7.61929 10.6193 6.5 12 6.5C13.3807 6.5 14.5 7.61929 14.5 9C14.5 10.3807 13.3807 11.5 12 11.5C11.9568 11.5 11.915 11.5055 11.875 11.5158C11.835 11.5055 11.7932 11.5 11.75 11.5C11.4739 11.5 11.25 11.7239 11.25 12V14C11.25 14.2761 11.4739 14.5 11.75 14.5C12.0261 14.5 12.25 14.2761 12.25 14V12.4912C14.0663 12.363 15.5 10.8489 15.5 9C15.5 7.067 13.933 5.5 12 5.5C10.067 5.5 8.5 7.067 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5C9.27614 9.5 9.5 9.27614 9.5 9ZM13.5 17.25C13.5 18.0784 12.8284 18.75 12 18.75C11.1716 18.75 10.5 18.0784 10.5 17.25C10.5 16.4216 11.1716 15.75 12 15.75C12.8284 15.75 13.5 16.4216 13.5 17.25Z" />
|
|
9
|
+
</svg>
|
|
10
|
+
);
|
|
11
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { IconProps } from './sharedTypes';
|
|
4
|
-
|
|
5
|
-
export default function AvailabilityNoIcon({ size, color }: IconProps) {
|
|
6
|
-
return (
|
|
7
|
-
<svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM7.75687 8.46439C7.56161 8.26913 7.56161 7.95255 7.75687 7.75729C7.95214 7.56202 8.26872 7.56202 8.46398 7.75729L11.9996 11.2929L15.535 7.75743C15.7303 7.56217 16.0469 7.56217 16.2422 7.75743C16.4374 7.95269 16.4374 8.26928 16.2422 8.46454L12.7067 12L16.2422 15.5355C16.4374 15.7307 16.4374 16.0473 16.2422 16.2426C16.0469 16.4378 15.7303 16.4378 15.535 16.2426L11.9996 12.7071L8.46398 16.2427C8.26872 16.438 7.95214 16.438 7.75687 16.2427C7.56161 16.0475 7.56161 15.7309 7.75687 15.5356L11.2925 12L7.75687 8.46439Z" />
|
|
9
|
-
</svg>
|
|
10
|
-
);
|
|
11
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { IconProps } from './sharedTypes';
|
|
4
|
+
|
|
5
|
+
export default function AvailabilityNoIcon({ size, color }: IconProps) {
|
|
6
|
+
return (
|
|
7
|
+
<svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM7.75687 8.46439C7.56161 8.26913 7.56161 7.95255 7.75687 7.75729C7.95214 7.56202 8.26872 7.56202 8.46398 7.75729L11.9996 11.2929L15.535 7.75743C15.7303 7.56217 16.0469 7.56217 16.2422 7.75743C16.4374 7.95269 16.4374 8.26928 16.2422 8.46454L12.7067 12L16.2422 15.5355C16.4374 15.7307 16.4374 16.0473 16.2422 16.2426C16.0469 16.4378 15.7303 16.4378 15.535 16.2426L11.9996 12.7071L8.46398 16.2427C8.26872 16.438 7.95214 16.438 7.75687 16.2427C7.56161 16.0475 7.56161 15.7309 7.75687 15.5356L11.2925 12L7.75687 8.46439Z" />
|
|
9
|
+
</svg>
|
|
10
|
+
);
|
|
11
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { IconProps } from './sharedTypes';
|
|
4
|
-
|
|
5
|
-
export default function AvailabilityNotSetIcon({ size, color }: IconProps) {
|
|
6
|
-
return (
|
|
7
|
-
<svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M6 12C6 11.7239 6.22386 11.5 6.5 11.5H17.5C17.7761 11.5 18 11.7239 18 12C18 12.2761 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12Z" />
|
|
9
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" />
|
|
10
|
-
</svg>
|
|
11
|
-
);
|
|
12
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { IconProps } from './sharedTypes';
|
|
4
|
+
|
|
5
|
+
export default function AvailabilityNotSetIcon({ size, color }: IconProps) {
|
|
6
|
+
return (
|
|
7
|
+
<svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M6 12C6 11.7239 6.22386 11.5 6.5 11.5H17.5C17.7761 11.5 18 11.7239 18 12C18 12.2761 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12Z" />
|
|
9
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" />
|
|
10
|
+
</svg>
|
|
11
|
+
);
|
|
12
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { IconProps } from './sharedTypes';
|
|
4
|
-
|
|
5
|
-
export default function AvailabilityYesIcon({ size, color }: IconProps) {
|
|
6
|
-
return (
|
|
7
|
-
<svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.0962 9.84619C18.2915 9.65093 18.2915 9.33435 18.0962 9.13909C17.9009 8.94382 17.5843 8.94383 17.3891 9.13909L11.3787 15.1495L7.48959 11.2604C7.29433 11.0651 6.97775 11.0651 6.78249 11.2604C6.58722 11.4557 6.58722 11.7723 6.78249 11.9675L11.3787 16.5637L18.0962 9.84619Z" />
|
|
9
|
-
</svg>
|
|
10
|
-
);
|
|
11
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { IconProps } from './sharedTypes';
|
|
4
|
+
|
|
5
|
+
export default function AvailabilityYesIcon({ size, color }: IconProps) {
|
|
6
|
+
return (
|
|
7
|
+
<svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.0962 9.84619C18.2915 9.65093 18.2915 9.33435 18.0962 9.13909C17.9009 8.94382 17.5843 8.94383 17.3891 9.13909L11.3787 15.1495L7.48959 11.2604C7.29433 11.0651 6.97775 11.0651 6.78249 11.2604C6.58722 11.4557 6.58722 11.7723 6.78249 11.9675L11.3787 16.5637L18.0962 9.84619Z" />
|
|
9
|
+
</svg>
|
|
10
|
+
);
|
|
11
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { IconProps } from './sharedTypes';
|
|
4
|
-
|
|
5
|
-
export default function CalendarIcon({ size, color }: IconProps) {
|
|
6
|
-
return (
|
|
7
|
-
<svg width={size} height={size} viewBox="0 0 14 14" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
-
<path fillRule="evenodd" clipRule="evenodd" d="M4.5 0.5C4.77614 0.5 5 0.723858 5 1V2H9V1C9 0.723858 9.22386 0.5 9.5 0.5C9.77614 0.5 10 0.723858 10 1V2H11C12.1046 2 13 2.89543 13 4V11C13 12.1046 12.1046 13 11 13H3C1.89543 13 1 12.1046 1 11V4C1 2.89543 1.89543 2 3 2H4V1C4 0.723858 4.22386 0.5 4.5 0.5ZM9 3V4C9 4.27614 9.22386 4.5 9.5 4.5C9.77614 4.5 10 4.27614 10 4V3H11C11.5523 3 12 3.44772 12 4V6.08325H2V4C2 3.44772 2.44772 3 3 3H4V4C4 4.27614 4.22386 4.5 4.5 4.5C4.77614 4.5 5 4.27614 5 4V3H9ZM2 7.08325V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V7.08325H2Z" />
|
|
9
|
-
</svg>
|
|
10
|
-
);
|
|
11
|
-
}
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { IconProps } from './sharedTypes';
|
|
4
|
+
|
|
5
|
+
export default function CalendarIcon({ size, color }: IconProps) {
|
|
6
|
+
return (
|
|
7
|
+
<svg width={size} height={size} viewBox="0 0 14 14" fill={color} xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M4.5 0.5C4.77614 0.5 5 0.723858 5 1V2H9V1C9 0.723858 9.22386 0.5 9.5 0.5C9.77614 0.5 10 0.723858 10 1V2H11C12.1046 2 13 2.89543 13 4V11C13 12.1046 12.1046 13 11 13H3C1.89543 13 1 12.1046 1 11V4C1 2.89543 1.89543 2 3 2H4V1C4 0.723858 4.22386 0.5 4.5 0.5ZM9 3V4C9 4.27614 9.22386 4.5 9.5 4.5C9.77614 4.5 10 4.27614 10 4V3H11C11.5523 3 12 3.44772 12 4V6.08325H2V4C2 3.44772 2.44772 3 3 3H4V4C4 4.27614 4.22386 4.5 4.5 4.5C4.77614 4.5 5 4.27614 5 4V3H9ZM2 7.08325V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V7.08325H2Z" />
|
|
9
|
+
</svg>
|
|
10
|
+
);
|
|
11
|
+
}
|