feature/DS-1182: Update PDS-Toolkit package to version 1.0.0 dev.217 (#…

…9394) * Update @pantheon-systems/pds-toolkit-react dependency to version 1.0.0-dev.173 * DS-1182: Update isLink prop for linkContent in PantheonLogo implementation * Apply Prettier formatting * Update @pantheon-systems/pds-toolkit-react to the latest version * refactor: update Flexslider props to align with latest breaking changes * refactor: Address CTASlice breaking changes * fix: Replace input field with TextInput component from PDS Toolkit * Apply Prettier formatting * feat: add search icon to TextInput in release notes template * update @pantheon-systems/pds-toolkit-react to version 1.0.0-dev.217 * Restore change from main that was overwritten while solving merge conflicts * Adjust CSS spacing for lists and paragraphs before lists * Adjust CSS styles for <ul> list elements * New style adjustments for <ul> list elements --------- Co-authored-by: Pantheon Bot <[email protected]> Co-authored-by: Rachel Whitton <[email protected]>
pantheon-systems · Feb 11, 2025 · 044c3a2 · 044c3a2
1 parent edaa83e
commit 044c3a2
Show file tree

Hide file tree

Showing 9 changed files with 325 additions and 154 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "@pantheon-systems/pds-toolkit-react": "^1.0.0-dev.173",
+    "@pantheon-systems/pds-toolkit-react": "^1.0.0-dev.217",
     "dotenv": "^10.0.0",
     "gatsby": "^4.25.4",
     "gatsby-cli": "^4.25.0",

diff --git a/src/components/HeroCTA/index.js b/src/components/HeroCTA/index.js
@@ -1,24 +1,24 @@
-import React from "react"
-import PropTypes from "prop-types"
-import { Link } from "gatsby"
-import { StaticImage } from "gatsby-plugin-image"
-import { FlexContainer, Icon } from "@pantheon-systems/pds-toolkit-react"
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Link } from 'gatsby';
+import { StaticImage } from 'gatsby-plugin-image';
+import { FlexContainer, Icon } from '@pantheon-systems/pds-toolkit-react';
 
-import "./styles.css"
+import './styles.css';
 
 const propTypes = {
   dark: PropTypes.bool,
   url: PropTypes.string,
   title: PropTypes.string,
   subTitle: PropTypes.string,
   type: PropTypes.string,
-}
+};
 
 function HeroCTA(props) {
-  const { url, title, subTitle, linkText } = props
+  const { url, title, subTitle, linkText } = props;
 
   return (
-    <FlexContainer spacing="wide" className="hero-cta">
+    <FlexContainer gap="wide" className="hero-cta">
       <div className="hero-cta-image" slot="first-item">
         <StaticImage
           src="https://cdn.bfldr.com/MEM5087K/at/933t7sx45wwnmsrrjq94z4f/front-page-hero.png?auto=webp&format=png"
@@ -39,9 +39,9 @@ function HeroCTA(props) {
         </Link>
       </div>
     </FlexContainer>
-  )
+  );
 }
 
-HeroCTA.propTypes = propTypes
+HeroCTA.propTypes = propTypes;
 
-export default HeroCTA
+export default HeroCTA;