@universal-tennis/ui-shared 0.2.1 → 0.2.2

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/stories/assets/icons/icon-college-corner.svg +3 -0
  3. package/src/stories/atoms/Icons/CollegeCornerIcon.tsx +11 -0
  4. package/src/stories/atoms/Icons/Icons.stories.tsx +11 -0
  5. package/src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-tennis/ui-shared",
3
- "version": "0.2.1",
3
+ "version": "0.2.2",
4
4
  "main": "dist/items.js",
5
5
  "license": "MIT",
6
6
  "homepage": "https://universaltennis.com",
package/src/stories/assets/icons/icon-college-corner.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="28" height="24" viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14 13.5226C13.593 13.5299 13.1754 13.4829 12.7474 13.3818C12.3193 13.2734 11.8281 13.0892 11.2737 12.8292L0.715789 7.83432C0.484211 7.72597 0.305263 7.57789 0.178947 7.39009C0.0596491 7.20228 0 6.99281 0 6.76166C0 6.53774 0.0596491 6.33188 0.178947 6.14407C0.305263 5.94904 0.484211 5.79735 0.715789 5.689L11.2737 0.694111C11.8281 0.434074 12.3193 0.253492 12.7474 0.152366C13.1754 0.0440168 13.593 -0.00654609 14 0.000677182C14.407 -0.00654609 14.8246 0.0440168 15.2526 0.152366C15.6807 0.253492 16.1719 0.434074 16.7263 0.694111L27.2842 5.689C27.5158 5.79735 27.6912 5.94904 27.8105 6.14407C27.9368 6.33188 28 6.53774 28 6.76166C28 6.99281 27.9368 7.20228 27.8105 7.39009C27.6912 7.57789 27.5158 7.72597 27.2842 7.83432L16.7263 12.8292C16.1719 13.0892 15.6807 13.2734 15.2526 13.3818C14.8246 13.4829 14.407 13.5299 14 13.5226ZM14 12.7317C14.3789 12.7317 14.7544 12.6847 15.1263 12.5908C15.4982 12.4969 15.9263 12.338 16.4105 12.1141L26.8 7.19506C27.0105 7.10115 27.1158 6.95669 27.1158 6.76166C27.1158 6.57386 27.0105 6.42578 26.8 6.31743L16.4105 1.40922C15.9263 1.17807 15.4982 1.01916 15.1263 0.932479C14.7544 0.8458 14.3789 0.80246 14 0.80246C13.6211 0.80246 13.2421 0.8458 12.8632 0.932479C12.4912 1.01916 12.0667 1.17807 11.5895 1.40922L1.21053 6.31743C0.992982 6.42578 0.884211 6.57386 0.884211 6.76166C0.884211 6.95669 0.992982 7.10115 1.21053 7.19506L11.5895 12.1141C12.0667 12.338 12.4912 12.4969 12.8632 12.5908C13.2421 12.6847 13.6211 12.7317 14 12.7317ZM4.58947 14.8445V9.40538H5.36842V14.8445C5.36842 15.2779 5.55789 15.7474 5.93684 16.253C6.32281 16.7514 6.88421 17.2246 7.62105 17.6724C8.35789 18.113 9.25965 18.4706 10.3263 18.7451C11.4 19.0268 12.6246 19.1676 14 19.1676C15.3754 19.1676 16.5965 19.0268 17.6632 18.7451C18.7298 18.4706 19.6316 18.113 20.3684 17.6724C21.1123 17.2246 21.6772 16.7514 22.0632 16.253C22.4491 15.7474 22.6421 15.2779 22.6421 14.8445V9.40538H23.4105V14.8445C23.4105 15.3935 23.2 15.9677 22.7789 16.5673C22.3579 17.1668 21.7439 17.7194 20.9368 18.225C20.1298 18.7378 19.1439 19.1532 17.9789 19.471C16.814 19.7888 15.4877 19.9477 14 19.9477C12.5123 19.9477 11.1825 19.7888 10.0105 19.471C8.84561 19.1532 7.85965 18.7378 7.05263 18.225C6.25263 17.7194 5.64211 17.1668 5.22105 16.5673C4.8 15.9677 4.58947 15.3935 4.58947 14.8445ZM14 7.79098C13.607 7.79098 13.2561 7.74041 12.9474 7.63929C12.6456 7.53094 12.4035 7.40092 12.2211 7.24923C12.0386 7.09032 11.9474 6.92418 11.9474 6.75083C11.9474 6.58469 12.0386 6.42578 12.2211 6.27409C12.4035 6.1224 12.6456 5.99599 12.9474 5.89487C13.2561 5.79374 13.607 5.74318 14 5.74318C14.4 5.74318 14.7509 5.79374 15.0526 5.89487C15.3614 5.99599 15.6035 6.1224 15.7789 6.27409C15.9544 6.42578 16.0421 6.58469 16.0421 6.75083C16.0421 6.92418 15.9544 7.09032 15.7789 7.24923C15.6035 7.40092 15.3614 7.53094 15.0526 7.63929C14.7509 7.74041 14.4 7.79098 14 7.79098ZM7.12632 10.4564L6.41053 10.0771L13.6526 6.54496L13.9263 7.11921L7.12632 10.4564ZM6.41053 20.2945V10.088L7.12632 10.4564V20.2945H6.41053ZM5.6 20.0236C5.6 19.6913 5.69123 19.4313 5.87368 19.2435C6.05614 19.0629 6.30877 18.9726 6.63158 18.9726H6.90526C7.22807 18.9726 7.47719 19.0629 7.65263 19.2435C7.83509 19.4313 7.92632 19.6913 7.92632 20.0236V22.949C7.92632 23.2813 7.83509 23.5377 7.65263 23.7183C7.47719 23.9061 7.22807 24 6.90526 24H6.63158C6.30877 24 6.05614 23.9061 5.87368 23.7183C5.69123 23.5377 5.6 23.2813 5.6 22.949V20.0236Z" fill="black"/>
3
+ </svg>
package/src/stories/atoms/Icons/CollegeCornerIcon.tsx ADDED
@@ -0,0 +1,11 @@
1
+ /* eslint-disable max-len */
2
+ import React from 'react';
3
+ import { IconProps } from './sharedTypes';
4
+
5
+ export default function CollegeCornerIcon({ size, color }: IconProps) {
6
+ return (
7
+ <svg width={size} height={size} viewBox="0 0 28 24" fill={color} xmlns="http://www.w3.org/2000/svg">
8
+ <path d="M14 13.5226C13.593 13.5299 13.1754 13.4829 12.7474 13.3818C12.3193 13.2734 11.8281 13.0892 11.2737 12.8292L0.715789 7.83432C0.484211 7.72597 0.305263 7.57789 0.178947 7.39009C0.0596491 7.20228 0 6.99281 0 6.76166C0 6.53774 0.0596491 6.33188 0.178947 6.14407C0.305263 5.94904 0.484211 5.79735 0.715789 5.689L11.2737 0.694111C11.8281 0.434074 12.3193 0.253492 12.7474 0.152366C13.1754 0.0440168 13.593 -0.00654609 14 0.000677182C14.407 -0.00654609 14.8246 0.0440168 15.2526 0.152366C15.6807 0.253492 16.1719 0.434074 16.7263 0.694111L27.2842 5.689C27.5158 5.79735 27.6912 5.94904 27.8105 6.14407C27.9368 6.33188 28 6.53774 28 6.76166C28 6.99281 27.9368 7.20228 27.8105 7.39009C27.6912 7.57789 27.5158 7.72597 27.2842 7.83432L16.7263 12.8292C16.1719 13.0892 15.6807 13.2734 15.2526 13.3818C14.8246 13.4829 14.407 13.5299 14 13.5226ZM14 12.7317C14.3789 12.7317 14.7544 12.6847 15.1263 12.5908C15.4982 12.4969 15.9263 12.338 16.4105 12.1141L26.8 7.19506C27.0105 7.10115 27.1158 6.95669 27.1158 6.76166C27.1158 6.57386 27.0105 6.42578 26.8 6.31743L16.4105 1.40922C15.9263 1.17807 15.4982 1.01916 15.1263 0.932479C14.7544 0.8458 14.3789 0.80246 14 0.80246C13.6211 0.80246 13.2421 0.8458 12.8632 0.932479C12.4912 1.01916 12.0667 1.17807 11.5895 1.40922L1.21053 6.31743C0.992982 6.42578 0.884211 6.57386 0.884211 6.76166C0.884211 6.95669 0.992982 7.10115 1.21053 7.19506L11.5895 12.1141C12.0667 12.338 12.4912 12.4969 12.8632 12.5908C13.2421 12.6847 13.6211 12.7317 14 12.7317ZM4.58947 14.8445V9.40538H5.36842V14.8445C5.36842 15.2779 5.55789 15.7474 5.93684 16.253C6.32281 16.7514 6.88421 17.2246 7.62105 17.6724C8.35789 18.113 9.25965 18.4706 10.3263 18.7451C11.4 19.0268 12.6246 19.1676 14 19.1676C15.3754 19.1676 16.5965 19.0268 17.6632 18.7451C18.7298 18.4706 19.6316 18.113 20.3684 17.6724C21.1123 17.2246 21.6772 16.7514 22.0632 16.253C22.4491 15.7474 22.6421 15.2779 22.6421 14.8445V9.40538H23.4105V14.8445C23.4105 15.3935 23.2 15.9677 22.7789 16.5673C22.3579 17.1668 21.7439 17.7194 20.9368 18.225C20.1298 18.7378 19.1439 19.1532 17.9789 19.471C16.814 19.7888 15.4877 19.9477 14 19.9477C12.5123 19.9477 11.1825 19.7888 10.0105 19.471C8.84561 19.1532 7.85965 18.7378 7.05263 18.225C6.25263 17.7194 5.64211 17.1668 5.22105 16.5673C4.8 15.9677 4.58947 15.3935 4.58947 14.8445ZM14 7.79098C13.607 7.79098 13.2561 7.74041 12.9474 7.63929C12.6456 7.53094 12.4035 7.40092 12.2211 7.24923C12.0386 7.09032 11.9474 6.92418 11.9474 6.75083C11.9474 6.58469 12.0386 6.42578 12.2211 6.27409C12.4035 6.1224 12.6456 5.99599 12.9474 5.89487C13.2561 5.79374 13.607 5.74318 14 5.74318C14.4 5.74318 14.7509 5.79374 15.0526 5.89487C15.3614 5.99599 15.6035 6.1224 15.7789 6.27409C15.9544 6.42578 16.0421 6.58469 16.0421 6.75083C16.0421 6.92418 15.9544 7.09032 15.7789 7.24923C15.6035 7.40092 15.3614 7.53094 15.0526 7.63929C14.7509 7.74041 14.4 7.79098 14 7.79098ZM7.12632 10.4564L6.41053 10.0771L13.6526 6.54496L13.9263 7.11921L7.12632 10.4564ZM6.41053 20.2945V10.088L7.12632 10.4564V20.2945H6.41053ZM5.6 20.0236C5.6 19.6913 5.69123 19.4313 5.87368 19.2435C6.05614 19.0629 6.30877 18.9726 6.63158 18.9726H6.90526C7.22807 18.9726 7.47719 19.0629 7.65263 19.2435C7.83509 19.4313 7.92632 19.6913 7.92632 20.0236V22.949C7.92632 23.2813 7.83509 23.5377 7.65263 23.7183C7.47719 23.9061 7.22807 24 6.90526 24H6.63158C6.30877 24 6.05614 23.9061 5.87368 23.7183C5.69123 23.5377 5.6 23.2813 5.6 22.949V20.0236Z" />
9
+ </svg>
10
+ );
11
+ }
package/src/stories/atoms/Icons/Icons.stories.tsx CHANGED
@@ -9,6 +9,7 @@ import BallInMotionIcon from './BallInMotionIcon';
9
9
  import CalendarIcon from './CalendarIcon';
10
10
  import ClockIcon from './ClockIcon';
11
11
  import CloseIcon from './CloseIcon';
12
+ import CollegeCornerIcon from './CollegeCornerIcon';
12
13
  import DeleteIcon from './DeleteIcon';
13
14
  import DoublePersonIcon from './DoublePersonIcon';
14
15
  import EditIcon from './EditIcon';
@@ -77,6 +78,10 @@ function CloseIconTemplate(args: IconProps) {
77
78
  return <CloseIcon {...args} />;
78
79
  }
79
80
 
81
+ function CollegeCornerIconTemplate(args: IconProps) {
82
+ return <CollegeCornerIcon {...args} />;
83
+ }
84
+
80
85
  function DeleteIconTemplate(args: IconProps) {
81
86
  return <DeleteIcon {...args} />;
82
87
  }
@@ -228,6 +233,12 @@ Close.args = {
228
233
  color: 'purple'
229
234
  };
230
235
 
236
+ export const CollegeCorner = CollegeCornerIconTemplate.bind({});
237
+ CollegeCorner.args = {
238
+ size: 150,
239
+ color: 'black'
240
+ };
241
+
231
242
  export const Delete = DeleteIconTemplate.bind({});
232
243
  Delete.args = {
233
244
  size: 150,
package/src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx CHANGED
@@ -41,7 +41,7 @@ function GlobalNavItem({
41
41
  '&:hover': { backgroundColor: 'transparent' }
42
42
  }}
43
43
  >
44
- <Box display="flex" alignItems="center" height="32px" width="100%" minWidth="194px" justifyContent="space-between">
44
+ <Box display="flex" alignItems="center" height="32px" width="100%" justifyContent="space-between">
45
45
  <Typography weight={325} category="secondary" size="small-medium" color="var(--black)">{item?.label}</Typography>
46
46
  <RightChevron size={12} color="var(--black)" />
47
47
  </Box>