chore(ionic): update to v7 (#29)

brandyscarney · web-flow · commit dd2156717e4f · 2023-03-29T13:07:35.000-04:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,7 +17,7 @@
     "generate": "stencil generate"
   },
   "dependencies": {
-    "@ionic/core": "^6.5.4"
+    "@ionic/core": "^7.0.0"
   },
   "devDependencies": {
     "@stencil/core": "^2.22.2",
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -90,8 +90,6 @@ export namespace Components {
     }
     interface ComponentSkeletonText {
     }
-    interface ComponentSlides {
-    }
     interface ComponentSpinner {
     }
     interface ComponentTabs {
@@ -362,12 +360,6 @@ declare global {
         prototype: HTMLComponentSkeletonTextElement;
         new (): HTMLComponentSkeletonTextElement;
     };
-    interface HTMLComponentSlidesElement extends Components.ComponentSlides, HTMLStencilElement {
-    }
-    var HTMLComponentSlidesElement: {
-        prototype: HTMLComponentSlidesElement;
-        new (): HTMLComponentSlidesElement;
-    };
     interface HTMLComponentSpinnerElement extends Components.ComponentSpinner, HTMLStencilElement {
     }
     var HTMLComponentSpinnerElement: {
@@ -476,7 +468,6 @@ declare global {
         "component-segment": HTMLComponentSegmentElement;
         "component-select": HTMLComponentSelectElement;
         "component-skeleton-text": HTMLComponentSkeletonTextElement;
-        "component-slides": HTMLComponentSlidesElement;
         "component-spinner": HTMLComponentSpinnerElement;
         "component-tabs": HTMLComponentTabsElement;
         "component-tabs-games": HTMLComponentTabsGamesElement;
@@ -575,8 +566,6 @@ declare namespace LocalJSX {
     }
     interface ComponentSkeletonText {
     }
-    interface ComponentSlides {
-    }
     interface ComponentSpinner {
     }
     interface ComponentTabs {
@@ -641,7 +630,6 @@ declare namespace LocalJSX {
         "component-segment": ComponentSegment;
         "component-select": ComponentSelect;
         "component-skeleton-text": ComponentSkeletonText;
-        "component-slides": ComponentSlides;
         "component-spinner": ComponentSpinner;
         "component-tabs": ComponentTabs;
         "component-tabs-games": ComponentTabsGames;
@@ -700,7 +688,6 @@ declare module "@stencil/core" {
             "component-segment": LocalJSX.ComponentSegment & JSXBase.HTMLAttributes<HTMLComponentSegmentElement>;
             "component-select": LocalJSX.ComponentSelect & JSXBase.HTMLAttributes<HTMLComponentSelectElement>;
             "component-skeleton-text": LocalJSX.ComponentSkeletonText & JSXBase.HTMLAttributes<HTMLComponentSkeletonTextElement>;
-            "component-slides": LocalJSX.ComponentSlides & JSXBase.HTMLAttributes<HTMLComponentSlidesElement>;
             "component-spinner": LocalJSX.ComponentSpinner & JSXBase.HTMLAttributes<HTMLComponentSpinnerElement>;
             "component-tabs": LocalJSX.ComponentTabs & JSXBase.HTMLAttributes<HTMLComponentTabsElement>;
             "component-tabs-games": LocalJSX.ComponentTabsGames & JSXBase.HTMLAttributes<HTMLComponentTabsGamesElement>;
diff --git a/src/components/card/card.css b/src/components/card/card.css
@@ -110,6 +110,7 @@ component-card .music-card img {
 
   box-shadow: 0px 2px 8px rgba(2, 8, 20, 0.1), 0px 8px 16px rgba(2, 8, 20, 0.08);
   border-radius: 6px;
+  margin: 0 auto;
 }
 
 component-card .music-card h2 {
diff --git a/src/components/datetime/datetime.css b/src/components/datetime/datetime.css
@@ -11,3 +11,7 @@ ion-accordion .ion-accordion-toggle-icon {
 ion-datetime.ios {
   --background: var(--ion-background-color, #ffffff);
 }
+
+component-datetime ion-note {
+  font-size: inherit;
+}
diff --git a/src/components/modal/modal.tsx b/src/components/modal/modal.tsx
@@ -32,7 +32,6 @@ export class Modal {
 
   private openCardModal = () => {
     this.openModal({
-      swipeToClose: true,
       presentingElement: this.el
     })
   }
diff --git a/src/components/slides/slides.css b/src/components/slides/slides.css
diff --git a/src/components/slides/slides.tsx b/src/components/slides/slides.tsx
diff --git a/src/utils/component-utils.ts b/src/utils/component-utils.ts
@@ -37,7 +37,6 @@ export const getComponents = () => {
     { name: 'Select', icon: '/assets/component-icon.svg', id: 'select' },
     { name: 'Skeleton Text', icon: '/assets/component-icon.svg', id: 'skeleton-text' },
     { name: 'Spinner', icon: '/assets/component-icon.svg', id: 'spinner' },
-    { name: 'Slides', icon: '/assets/component-icon.svg', id: 'slides' },
     { name: 'Tabs', icon: '/assets/component-icon.svg', id: 'tabs' },
     { name: 'Text', icon: '/assets/component-icon.svg', id: 'text' },
     { name: 'Thumbnail', icon: '/assets/component-icon.svg', id: 'thumbnail' },

Original file line number	Diff line number	Diff line change
`@@ -110,6 +110,7 @@ component-card .music-card img {`
`110`	`110`
`111`	`111`	`box-shadow: 0px 2px 8px rgba(2, 8, 20, 0.1), 0px 8px 16px rgba(2, 8, 20, 0.08);`
`112`	`112`	`border-radius: 6px;`
	`113`	`+ margin: 0 auto;`
`113`	`114`	`}`
`114`	`115`
`115`	`116`	`component-card .music-card h2 {`
Original file line number	Diff line number	Diff line change
`@@ -11,3 +11,7 @@ ion-accordion .ion-accordion-toggle-icon {`
`11`	`11`	`ion-datetime.ios {`
`12`	`12`	`--background: var(--ion-background-color, #ffffff);`
`13`	`13`	`}`
	`14`	`+`
	`15`	`+component-datetime ion-note {`
	`16`	`+ font-size: inherit;`
	`17`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,6 @@ export class Modal {`
`32`	`32`
`33`	`33`	`private openCardModal = () => {`
`34`	`34`	`this.openModal({`
`35`		`- swipeToClose: true,`
`36`	`35`	`presentingElement: this.el`
`37`	`36`	`})`
`38`	`37`	`}`