@rileybathurst/paddle 1.0.10 → 1.0.12

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "1.0.10",
+  "version": "1.0.12",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/PaddleLocationCard.tsx

@@ -117,7 +117,7 @@ interface ContentTypes {
   season_end?: string;
 
   offSeasonDetails?: string;
-  phone?: number;
+  phoneNumber?: number;
 
   streetAddress?: string;
   addressLocality?: string;
@@ -129,7 +129,6 @@ const PhoneContent = ({
   link,
   svg,
   name,
-  address,
   description,
   opening_time,
   closing_time,
@@ -141,7 +140,7 @@ const PhoneContent = ({
   season_start,
   season_end,
   offSeasonDetails,
-  phone,
+  phoneNumber,
 }: ContentTypes) => {
   return (
     <>
@@ -156,9 +155,11 @@ const PhoneContent = ({
           <div className="svg" dangerouslySetInnerHTML={{ __html: svg }} />
         </a>
       ) : (
-        <Link to={link} className="location">
-          <div className="svg" dangerouslySetInnerHTML={{ __html: svg }} />
-        </Link>
+        link && (
+          <Link to={link} className="location">
+            <div className="svg" dangerouslySetInnerHTML={{ __html: svg }} />
+          </Link>
+        )
       )}
 
       <div>
@@ -173,11 +174,15 @@ const PhoneContent = ({
               <h3>{name}</h3>
             </a>
           ) : (
-            <Link to={link} title={name}>
-              <h3>{name}</h3>
-            </Link>
+            link && (
+              <Link to={link} title={name}>
+                <h3>{name}</h3>
+              </Link>
+            )
+          )}
+          {phoneNumber && (
+            <Phone phone={phoneNumber} />
           )}
-          <Phone phone={phone} />
         </div>
 
         {streetAddress ||
@@ -202,15 +207,17 @@ const PhoneContent = ({
               />
             </a>
           ) : (
-            <Link to={link} title={name}>
-              <Place
-                commonName={commonName}
-                streetAddress={streetAddress}
-                addressLocality={addressLocality}
-                addressRegion={addressRegion}
-                postalCode={postalCode}
-              />
-            </Link>
+            link && (
+              <Link to={link} title={name}>
+                <Place
+                  commonName={commonName}
+                  streetAddress={streetAddress}
+                  addressLocality={addressLocality}
+                  addressRegion={addressRegion}
+                  postalCode={postalCode}
+                />
+              </Link>
+            )
           )
         ) : null}
 
@@ -236,7 +243,6 @@ const PhoneContent = ({
 const Content = ({
   svg,
   name,
-  address,
   description,
   opening_time,
   closing_time,
@@ -330,7 +336,7 @@ export const PaddleLocationCard = ({
           season_start={season_start}
           season_end={season_end}
           offSeasonDetails={offSeasonDetails}
-          phone={phoneNumber}
+          phoneNumber={phoneNumber}
         />
       </div>
     );

package/src/PaddleLocationDeck.tsx

@@ -13,19 +13,17 @@ export const PaddleLocationDeck = ({
   nodes,
   season_start,
   season_end,
-  phone,
-  background,
+  phone
 }: LocationDeckTypes) => {
   return (
     <section className="location-deck">
       {nodes.map((location: PaddleLocationCardTypes) => (
         <PaddleLocationCard
           key={location.id}
-          {...location}
-          background={background}
           season_start={season_start}
           season_end={season_end}
-          phone={phone}
+          phoneNumber={phone}
+          {...location}
         />
       ))}
     </section>

package/src/styles/layout.css

@@ -27,7 +27,6 @@ footer,
 
 .vulture {
   margin-inline: auto;
-  max-width: 100%;
   max-width: min(var(--vulture), calc(100vw - var(--denali)));
   flex-basis: var(--vulture);
 }
@@ -346,12 +345,9 @@ header {
   align-items: center;
   gap: clamp(var(--kosciuszko), 1.67vw, var(--elbrus));
   border-radius: var(--card-radius);
-  /* guess and check to get the parking on one row in the footer */
-  flex: 1 4;
 
   > svg,
   .svg {
-    flex: 1 1 max-content;
     min-width: var(--everest);
     min-height: var(--everest);
   }
@@ -488,4 +484,4 @@ header {
 
 .spec:last-child {
   border-bottom: none;
-}
+}

package/src/styles/lists.css

@@ -7,8 +7,9 @@
 /*------------------*/
 
 ul {
-  padding-inline-start: 0.75rem;
+  padding-inline-start: var(--kosciuszko);
   margin: 0; /* reset */
+  list-style: none; /* reset */
 
   li {
     display: block;
@@ -17,7 +18,9 @@ ul {
 }
 
 ol {
+  list-style: none; /* reset */
   margin-block-start: 0;
+
   li {
     display: inline flow-root list-item;
     margin-block-end: var(--baseline);

package/src/styles/media.css

@@ -2,6 +2,11 @@
 /* #MEDIA */
 /*------------------------------------*/
 
+img {
+  width: 100%;
+  height: auto;
+}
+
 svg {
   width: 100%;
   height: 100%;

package/src/types/location-card-types.ts

@@ -30,7 +30,8 @@ export interface PaddleLocationCardTypes {
 
   season_start?: string;
   season_end?: string;
-  phone?: string;
+  phoneNumber?: string;
 
   offSeasonDetails?: string;
+  phone?: boolean;
 }