@universal-tennis/ui-shared 0.1.38 → 0.1.39

package/dist/stories/atoms/Icons/CalendarIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from './sharedTypes';
+export default function CalendarIcon({ size, color }: IconProps): JSX.Element;

package/dist/stories/atoms/Icons/CalendarIcon.js

@@ -0,0 +1,8 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function CalendarIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 14", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("rect", { width: "14", height: "14", fill: "none" }),
+        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" })));
+}
+//# sourceMappingURL=CalendarIcon.js.map

package/dist/stories/atoms/Icons/CalendarIcon.js.map

@@ -0,0 +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"}

package/dist/stories/atoms/Icons/Icons.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Calendar: any;
+export declare const Session: any;

package/dist/stories/atoms/Icons/Icons.stories.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import CalendarIcon from './CalendarIcon';
+import SessionIcon from './SessionIcon';
+// Default
+export default {
+    title: 'Atoms/Icons',
+};
+// Templates
+function CalendarIconTemplate(args) {
+    return React.createElement(CalendarIcon, Object.assign({}, args));
+}
+function SessionIconTemplate(args) {
+    return React.createElement(SessionIcon, Object.assign({}, args));
+}
+// Stories
+export const Calendar = CalendarIconTemplate.bind({});
+Calendar.args = {
+    size: 50,
+    color: 'green'
+};
+export const Session = SessionIconTemplate.bind({});
+Session.args = {
+    size: 50,
+    color: 'red'
+};
+//# sourceMappingURL=Icons.stories.js.map

package/dist/stories/atoms/Icons/Icons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/Icons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AAGxC,UAAU;AACV,eAAe;IACb,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,YAAY;AACZ,SAAS,oBAAoB,CAAC,IAAe;IAC3C,OAAO,oBAAC,YAAY,oBAAK,IAAI,EAAI,CAAC;AACpC,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAe;IAC1C,OAAO,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AACnC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,QAAQ,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,KAAK;CACb,CAAC"}

package/dist/stories/atoms/Icons/SessionIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from './sharedTypes';
+export default function SessionIcon({ size, color }: IconProps): JSX.Element;

package/dist/stories/atoms/Icons/SessionIcon.js

@@ -0,0 +1,7 @@
+/* eslint-disable max-len */
+import React from 'react';
+export default function SessionIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 14 14", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 1H11C11.5523 1 12 1.44772 12 2V12C12 12.5523 11.5523 13 11 13H3C2.44772 13 2 12.5523 2 12V2C2 1.44772 2.44772 1 3 1ZM1 2C1 0.89543 1.89543 0 3 0H11C12.1046 0 13 0.895431 13 2V12C13 13.1046 12.1046 14 11 14H3C1.89543 14 1 13.1046 1 12V2ZM4.5 3C4.22386 3 4 3.22386 4 3.5C4 3.77614 4.22386 4 4.5 4H9.5C9.77614 4 10 3.77614 10 3.5C10 3.22386 9.77614 3 9.5 3H4.5ZM4 6.5C4 6.22386 4.22386 6 4.5 6H9.5C9.77614 6 10 6.22386 10 6.5C10 6.77614 9.77614 7 9.5 7H4.5C4.22386 7 4 6.77614 4 6.5ZM4.5 9C4.22386 9 4 9.22386 4 9.5C4 9.77614 4.22386 10 4.5 10H7.5C7.77614 10 8 9.77614 8 9.5C8 9.22386 7.77614 9 7.5 9H4.5Z" })));
+}
+//# sourceMappingURL=SessionIcon.js.map

package/dist/stories/atoms/Icons/SessionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/SessionIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAC5D,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC/F,8BACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+lBAA+lB,GACnmB,CACA,CACT,CAAC;AACJ,CAAC"}

package/dist/stories/atoms/Icons/sharedTypes.d.ts

@@ -0,0 +1,4 @@
+export interface IconProps {
+    size: number;
+    color: string;
+}

package/dist/stories/atoms/Icons/sharedTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sharedTypes.js.map

package/dist/stories/atoms/Icons/sharedTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharedTypes.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/sharedTypes.tsx"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-tennis/ui-shared",
-  "version": "0.1.38",
+  "version": "0.1.39",
   "main": "dist/items.js",
   "license": "MIT",
   "homepage": "https://universaltennis.com",

package/src/stories/assets/icons/icon-calendar.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="14" height="14" fill="#1E1E1E"/>
+<path fill-rule="evenodd" clip-rule="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" fill="black"/>
+</svg>

package/src/stories/assets/icons/icon-session.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 1H11C11.5523 1 12 1.44772 12 2V12C12 12.5523 11.5523 13 11 13H3C2.44772 13 2 12.5523 2 12V2C2 1.44772 2.44772 1 3 1ZM1 2C1 0.89543 1.89543 0 3 0H11C12.1046 0 13 0.895431 13 2V12C13 13.1046 12.1046 14 11 14H3C1.89543 14 1 13.1046 1 12V2ZM4.5 3C4.22386 3 4 3.22386 4 3.5C4 3.77614 4.22386 4 4.5 4H9.5C9.77614 4 10 3.77614 10 3.5C10 3.22386 9.77614 3 9.5 3H4.5ZM4 6.5C4 6.22386 4.22386 6 4.5 6H9.5C9.77614 6 10 6.22386 10 6.5C10 6.77614 9.77614 7 9.5 7H4.5C4.22386 7 4 6.77614 4 6.5ZM4.5 9C4.22386 9 4 9.22386 4 9.5C4 9.77614 4.22386 10 4.5 10H7.5C7.77614 10 8 9.77614 8 9.5C8 9.22386 7.77614 9 7.5 9H4.5Z" fill="black"/>
+</svg>

package/src/stories/atoms/Icons/CalendarIcon.tsx

@@ -0,0 +1,12 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { IconProps } from './sharedTypes';
+
+export default function CalendarIcon({ size, color }: IconProps) {
+  return (  
+      <svg width={size} height={size} viewBox="0 0 14 14" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <rect width="14" height="14" fill="none" />
+          <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" />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/Icons.stories.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+
+import CalendarIcon from './CalendarIcon';
+import SessionIcon from './SessionIcon';
+import { IconProps } from './sharedTypes';
+
+// Default
+export default {
+  title: 'Atoms/Icons',
+};
+
+// Templates
+function CalendarIconTemplate(args: IconProps) {
+  return <CalendarIcon {...args} />;  
+}
+
+function SessionIconTemplate(args: IconProps) {
+  return <SessionIcon {...args} />;  
+}
+
+// Stories
+export const Calendar = CalendarIconTemplate.bind({});
+Calendar.args = {
+  size: 50,
+  color: 'green'
+};
+
+export const Session = SessionIconTemplate.bind({});
+Session.args = {
+  size: 50,
+  color: 'red'
+};

package/src/stories/atoms/Icons/SessionIcon.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable max-len */
+import React from 'react';
+
+import { IconProps } from './sharedTypes';
+
+export default function SessionIcon({ size, color }: IconProps) {
+  return (
+      <svg width={size} height={size} viewBox="0 0 14 14" fill={color} xmlns="http://www.w3.org/2000/svg">
+          <path
+              fillRule="evenodd" 
+              clipRule="evenodd"
+              d="M3 1H11C11.5523 1 12 1.44772 12 2V12C12 12.5523 11.5523 13 11 13H3C2.44772 13 2 12.5523 2 12V2C2 1.44772 2.44772 1 3 1ZM1 2C1 0.89543 1.89543 0 3 0H11C12.1046 0 13 0.895431 13 2V12C13 13.1046 12.1046 14 11 14H3C1.89543 14 1 13.1046 1 12V2ZM4.5 3C4.22386 3 4 3.22386 4 3.5C4 3.77614 4.22386 4 4.5 4H9.5C9.77614 4 10 3.77614 10 3.5C10 3.22386 9.77614 3 9.5 3H4.5ZM4 6.5C4 6.22386 4.22386 6 4.5 6H9.5C9.77614 6 10 6.22386 10 6.5C10 6.77614 9.77614 7 9.5 7H4.5C4.22386 7 4 6.77614 4 6.5ZM4.5 9C4.22386 9 4 9.22386 4 9.5C4 9.77614 4.22386 10 4.5 10H7.5C7.77614 10 8 9.77614 8 9.5C8 9.22386 7.77614 9 7.5 9H4.5Z"
+          />
+      </svg>
+  );
+}

package/src/stories/atoms/Icons/sharedTypes.tsx

@@ -0,0 +1,4 @@
+export interface IconProps {
+    size: number;
+    color: string;
+  }