@universal-tennis/ui-shared 0.1.48 → 0.1.49

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.
@@ -3,9 +3,11 @@ export { default as Typography } from "./stories/atoms/Typography/Typography";
3
3
  export { default as AvailabilityMaybeIcon } from "./stories/atoms/Icons/AvailabilityMaybeIcon";
4
4
  export { default as AvailabilityNoIcon } from "./stories/atoms/Icons/AvailabilityNoIcon";
5
5
  export { default as AvailabilityYesIcon } from "./stories/atoms/Icons/AvailabilityYesIcon";
6
+ export { default as AvailabilityNotSetIcon } from "./stories/atoms/Icons/AvailabilityNotSetIcon";
6
7
  export { default as CalendarIcon } from "./stories/atoms/Icons/CalendarIcon";
7
8
  export { default as CloseIcon } from "./stories/atoms/Icons/CloseIcon";
8
9
  export { default as EditIcon } from "./stories/atoms/Icons/EditIcon";
10
+ export { default as LocationIcon } from "./stories/atoms/Icons/LocationIcon";
9
11
  export { default as MessageIcon } from "./stories/atoms/Icons/MessageIcon";
10
12
  export { default as SessionIcon } from "./stories/atoms/Icons/SessionIcon";
11
13
  export { default as SwapIcon } from "./stories/atoms/Icons/SwapIcon";
@@ -5,9 +5,11 @@ export { default as Typography } from './stories/atoms/Typography/Typography';
5
5
  export { default as AvailabilityMaybeIcon } from './stories/atoms/Icons/AvailabilityMaybeIcon';
6
6
  export { default as AvailabilityNoIcon } from './stories/atoms/Icons/AvailabilityNoIcon';
7
7
  export { default as AvailabilityYesIcon } from './stories/atoms/Icons/AvailabilityYesIcon';
8
+ export { default as AvailabilityNotSetIcon } from './stories/atoms/Icons/AvailabilityNotSetIcon';
8
9
  export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
9
10
  export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
10
11
  export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
12
+ export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
11
13
  export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
12
14
  export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
13
15
  export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEzD,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAEzE,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEzD,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAEzE,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from './sharedTypes';
3
+ export default function AvailabilityNotSetIcon({ size, color }: IconProps): JSX.Element;
@@ -0,0 +1,8 @@
1
+ /* eslint-disable max-len */
2
+ import React from 'react';
3
+ export default function AvailabilityNotSetIcon({ 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: "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" }),
6
+ React.createElement("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" })));
7
+ }
8
+ //# sourceMappingURL=AvailabilityNotSetIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvailabilityNotSetIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IACvE,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,6IAA6I,GAAG;QAC9L,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oOAAoO,GAAG,CACnR,CACT,CAAC;AACJ,CAAC"}
@@ -1,8 +1,7 @@
1
1
  /* eslint-disable max-len */
2
2
  import React from 'react';
3
3
  export default function CalendarIcon({ 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("rect", { width: "14", height: "14", fill: "none" }),
4
+ return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, xmlns: "http://www.w3.org/2000/svg" },
6
5
  React.createElement("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" })));
7
6
  }
8
7
  //# sourceMappingURL=CalendarIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/CalendarIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC7D,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAG;QAC3C,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,ohBAAohB,GAAG,CACnkB,CACT,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"CalendarIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/CalendarIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC7D,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,ohBAAohB,GAAG,CACnkB,CACT,CAAC;AACJ,CAAC"}
@@ -5,9 +5,11 @@ export default _default;
5
5
  export declare const AvailabilityMaybe: any;
6
6
  export declare const AvailabilityNo: any;
7
7
  export declare const AvailabilityYes: any;
8
+ export declare const AvailabilityNotSet: any;
8
9
  export declare const Calendar: any;
9
10
  export declare const Close: any;
10
11
  export declare const Edit: any;
12
+ export declare const Location: any;
11
13
  export declare const Message: any;
12
14
  export declare const Session: any;
13
15
  export declare const Swap: any;
@@ -2,9 +2,11 @@ import React from 'react';
2
2
  import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
3
3
  import AvailabilityNoIcon from './AvailabilityNoIcon';
4
4
  import AvailabilityYesIcon from './AvailabilityYesIcon';
5
+ import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
5
6
  import CalendarIcon from './CalendarIcon';
6
7
  import CloseIcon from './CloseIcon';
7
8
  import EditIcon from './EditIcon';
9
+ import LocationIcon from './LocationIcon';
8
10
  import MessageIcon from './MessageIcon';
9
11
  import SessionIcon from './SessionIcon';
10
12
  import SwapIcon from './SwapIcon';
@@ -22,6 +24,9 @@ function AvailabilityNoIconTemplate(args) {
22
24
  function AvailabilityYesIconTemplate(args) {
23
25
  return React.createElement(AvailabilityYesIcon, Object.assign({}, args));
24
26
  }
27
+ function AvailabilityNotSetIconTemplate(args) {
28
+ return React.createElement(AvailabilityNotSetIcon, Object.assign({}, args));
29
+ }
25
30
  function CalendarIconTemplate(args) {
26
31
  return React.createElement(CalendarIcon, Object.assign({}, args));
27
32
  }
@@ -31,6 +36,9 @@ function CloseIconTemplate(args) {
31
36
  function EditIconTemplate(args) {
32
37
  return React.createElement(EditIcon, Object.assign({}, args));
33
38
  }
39
+ function LocationIconTemplate(args) {
40
+ return React.createElement(LocationIcon, Object.assign({}, args));
41
+ }
34
42
  function MessageIconTemplate(args) {
35
43
  return React.createElement(MessageIcon, Object.assign({}, args));
36
44
  }
@@ -43,47 +51,57 @@ function SwapIconTemplate(args) {
43
51
  // Stories
44
52
  export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
45
53
  AvailabilityMaybe.args = {
46
- size: 50,
54
+ size: 150,
47
55
  color: 'orange'
48
56
  };
49
57
  export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
50
58
  AvailabilityNo.args = {
51
- size: 50,
59
+ size: 150,
52
60
  color: 'red'
53
61
  };
54
62
  export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
55
63
  AvailabilityYes.args = {
56
- size: 50,
64
+ size: 150,
65
+ color: 'green'
66
+ };
67
+ export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
68
+ AvailabilityNotSet.args = {
69
+ size: 150,
57
70
  color: 'green'
58
71
  };
59
72
  export const Calendar = CalendarIconTemplate.bind({});
60
73
  Calendar.args = {
61
- size: 50,
74
+ size: 150,
62
75
  color: 'green'
63
76
  };
64
77
  export const Close = CloseIconTemplate.bind({});
65
78
  Close.args = {
66
- size: 50,
79
+ size: 150,
67
80
  color: 'purple'
68
81
  };
69
82
  export const Edit = EditIconTemplate.bind({});
70
83
  Edit.args = {
71
- size: 50,
84
+ size: 150,
72
85
  color: 'green'
73
86
  };
87
+ export const Location = LocationIconTemplate.bind({});
88
+ Location.args = {
89
+ size: 150,
90
+ color: 'grey'
91
+ };
74
92
  export const Message = MessageIconTemplate.bind({});
75
93
  Message.args = {
76
- size: 50,
94
+ size: 150,
77
95
  color: 'teal'
78
96
  };
79
97
  export const Session = SessionIconTemplate.bind({});
80
98
  Session.args = {
81
- size: 50,
99
+ size: 150,
82
100
  color: 'red'
83
101
  };
84
102
  export const Swap = SwapIconTemplate.bind({});
85
103
  Swap.args = {
86
- size: 50,
104
+ size: 150,
87
105
  color: 'blue'
88
106
  };
89
107
  //# sourceMappingURL=Icons.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icons.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/Icons.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Icons.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/Icons.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from './sharedTypes';
3
+ export default function LocationIcon({ size, color }: IconProps): JSX.Element;
@@ -0,0 +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 24 24", 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
+ //# sourceMappingURL=LocationIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LocationIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/LocationIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC7D,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,+MAA+M,GAAG;QAChQ,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,6ZAA6Z,GAAG,CAC5c,CACT,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-tennis/ui-shared",
3
- "version": "0.1.48",
3
+ "version": "0.1.49",
4
4
  "main": "dist/items.js",
5
5
  "license": "MIT",
6
6
  "homepage": "https://universaltennis.com",
@@ -6,9 +6,11 @@ export { default as Typography } from './stories/atoms/Typography/Typography';
6
6
  export { default as AvailabilityMaybeIcon } from './stories/atoms/Icons/AvailabilityMaybeIcon';
7
7
  export { default as AvailabilityNoIcon } from './stories/atoms/Icons/AvailabilityNoIcon';
8
8
  export { default as AvailabilityYesIcon } from './stories/atoms/Icons/AvailabilityYesIcon';
9
+ export { default as AvailabilityNotSetIcon } from './stories/atoms/Icons/AvailabilityNotSetIcon';
9
10
  export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
10
11
  export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
11
12
  export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
13
+ export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
12
14
  export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
13
15
  export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
14
16
  export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
@@ -0,0 +1,8 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Size=24px, Kind=Less">
3
+ <g id="Icon">
4
+ <path id="Rectangle Copy" 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" fill="black"/>
5
+ <path id="Ellipse 74 (Stroke)" fill-rule="evenodd" clip-rule="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" fill="black"/>
6
+ </g>
7
+ </g>
8
+ </svg>
@@ -0,0 +1,6 @@
1
+ <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Size=14px, Kind=Location">
3
+ <path id="Ellipse 52 (Stroke)" fill-rule="evenodd" clip-rule="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" fill="black"/>
4
+ <path id="Ellipse 53 (Stroke)" fill-rule="evenodd" clip-rule="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" fill="black"/>
5
+ </g>
6
+ </svg>
@@ -0,0 +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
+ }
@@ -4,8 +4,7 @@ import { IconProps } from './sharedTypes';
4
4
 
5
5
  export default function CalendarIcon({ size, color }: IconProps) {
6
6
  return (
7
- <svg width={size} height={size} viewBox="0 0 14 14" fill={color} xmlns="http://www.w3.org/2000/svg">
8
- <rect width="14" height="14" fill="none" />
7
+ <svg width={size} height={size} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
9
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" />
10
9
  </svg>
11
10
  );
@@ -3,9 +3,11 @@ import React from 'react';
3
3
  import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
4
4
  import AvailabilityNoIcon from './AvailabilityNoIcon';
5
5
  import AvailabilityYesIcon from './AvailabilityYesIcon';
6
+ import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
6
7
  import CalendarIcon from './CalendarIcon';
7
8
  import CloseIcon from './CloseIcon';
8
9
  import EditIcon from './EditIcon';
10
+ import LocationIcon from './LocationIcon';
9
11
  import MessageIcon from './MessageIcon';
10
12
  import SessionIcon from './SessionIcon';
11
13
  import SwapIcon from './SwapIcon';
@@ -29,6 +31,10 @@ function AvailabilityYesIconTemplate(args: IconProps) {
29
31
  return <AvailabilityYesIcon {...args} />;
30
32
  }
31
33
 
34
+ function AvailabilityNotSetIconTemplate(args: IconProps) {
35
+ return <AvailabilityNotSetIcon {...args} />;
36
+ }
37
+
32
38
  function CalendarIconTemplate(args: IconProps) {
33
39
  return <CalendarIcon {...args} />;
34
40
  }
@@ -41,6 +47,10 @@ function EditIconTemplate(args: IconProps) {
41
47
  return <EditIcon {...args} />;
42
48
  }
43
49
 
50
+ function LocationIconTemplate(args: IconProps) {
51
+ return <LocationIcon {...args} />;
52
+ }
53
+
44
54
  function MessageIconTemplate(args: IconProps) {
45
55
  return <MessageIcon {...args} />;
46
56
  }
@@ -56,54 +66,66 @@ function SwapIconTemplate(args: IconProps) {
56
66
  // Stories
57
67
  export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
58
68
  AvailabilityMaybe.args = {
59
- size: 50,
69
+ size: 150,
60
70
  color: 'orange'
61
71
  };
62
72
 
63
73
  export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
64
74
  AvailabilityNo.args = {
65
- size: 50,
75
+ size: 150,
66
76
  color: 'red'
67
77
  };
68
78
 
69
79
  export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
70
80
  AvailabilityYes.args = {
71
- size: 50,
81
+ size: 150,
82
+ color: 'green'
83
+ };
84
+
85
+ export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
86
+ AvailabilityNotSet.args = {
87
+ size: 150,
72
88
  color: 'green'
73
89
  };
74
90
 
75
91
  export const Calendar = CalendarIconTemplate.bind({});
76
92
  Calendar.args = {
77
- size: 50,
93
+ size: 150,
78
94
  color: 'green'
79
95
  };
80
96
 
81
97
  export const Close = CloseIconTemplate.bind({});
82
98
  Close.args = {
83
- size: 50,
99
+ size: 150,
84
100
  color: 'purple'
85
101
  };
86
102
 
87
103
  export const Edit = EditIconTemplate.bind({});
88
104
  Edit.args = {
89
- size: 50,
105
+ size: 150,
90
106
  color: 'green'
91
107
  };
92
108
 
109
+ export const Location = LocationIconTemplate.bind({});
110
+ Location.args = {
111
+ size: 150,
112
+ color: 'grey'
113
+ };
114
+
93
115
  export const Message = MessageIconTemplate.bind({});
94
116
  Message.args = {
95
- size: 50,
117
+ size: 150,
96
118
  color: 'teal'
97
119
  };
98
120
 
99
121
  export const Session = SessionIconTemplate.bind({});
100
122
  Session.args = {
101
- size: 50,
123
+ size: 150,
102
124
  color: 'red'
103
125
  };
104
126
 
105
127
  export const Swap = SwapIconTemplate.bind({});
106
128
  Swap.args = {
107
- size: 50,
129
+ size: 150,
108
130
  color: 'blue'
109
131
  };
@@ -0,0 +1,12 @@
1
+ /* eslint-disable max-len */
2
+ import React from 'react';
3
+ import { IconProps } from './sharedTypes';
4
+
5
+ export default function LocationIcon({ 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="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" />
9
+ <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" />
10
+ </svg>
11
+ );
12
+ }