fix(leadspace): format

ariellalgilmore · Oct 11, 2023 · 05b5a86 · 05b5a86
1 parent c878ce8
commit 05b5a86
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 32 deletions.
diff --git a/packages/styles/scss/components/leadspace-block/_leadspace-block.scss b/packages/styles/scss/components/leadspace-block/_leadspace-block.scss
@@ -28,7 +28,7 @@
       margin-bottom: $spacing-13;
     }
 
-    ::slotted(#{$c4d-prefix}-leadspace-block-content){
+    ::slotted(#{$c4d-prefix}-leadspace-block-content) {
       padding: 0;
     }
   }
@@ -43,25 +43,25 @@
 
   :host(#{$c4d-prefix}-leadspace-block[border])
     ::slotted(#{$c4d-prefix}-leadspace-block-content) {
-      padding-top: 0;
-      padding-bottom: $spacing-10;
+    padding-top: 0;
+    padding-bottom: $spacing-10;
 
-      @include breakpoint(md) {
-        padding-bottom: $spacing-12;
-      }
+    @include breakpoint(md) {
+      padding-bottom: $spacing-12;
+    }
   }
 
   :host(#{$c4d-prefix}-leadspace-block) c4d-hr {
     margin: 0 #{-$spacing-05};
   }
 
-  :host(#{$c4d-prefix}-leadspace-block) ::slotted([slot="heading"]){
+  :host(#{$c4d-prefix}-leadspace-block) ::slotted([slot='heading']) {
     width: 100%;
     padding-left: 0;
     margin-bottom: $spacing-07;
     margin-left: 0;
 
-    @include breakpoint-down(md){
+    @include breakpoint-down(md) {
       padding-right: 0;
     }
   }
@@ -88,9 +88,9 @@
 
   :host(#{$c4d-prefix}-leadspace-block-content)
     ::slotted(#{$c4d-prefix}-content-block-copy) {
-      @include breakpoint-down(md){
-        width: 100%;
-      }
+    @include breakpoint-down(md) {
+      width: 100%;
+    }
     display: block;
   }
 
@@ -100,7 +100,6 @@
     max-width: carbon--mini-units(80);
     padding-bottom: $spacing-07;
 
-
     ::slotted(#{$c4d-prefix}-image) {
       margin-top: 0;
       margin-bottom: 0;

diff --git a/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts b/packages/web-components/src/components/dotcom-shell/__stories__/data/content.ts
@@ -304,14 +304,16 @@ export const tocContent = html`
     <c4d-content-block-heading
       >Lobortis elementum nibh tellus</c4d-content-block-heading
     >
-    ${logosGroup &&
-    logosGroup.map(
-      (elem) => html`
-        <c4d-logo-grid-item
-          default-src="${elem.imgSrc}"
-          alt="${elem.altText}"></c4d-logo-grid-item>
-      `
-    )}
+    ${
+      logosGroup &&
+      logosGroup.map(
+        (elem) => html`
+          <c4d-logo-grid-item
+            default-src="${elem.imgSrc}"
+            alt="${elem.altText}"></c4d-logo-grid-item>
+        `
+      )
+    }
   </c4d-logo-grid>
 
   <a name="6" data-title="Aliquam condimentum interdum"></a>

diff --git a/...ages/web-components/src/components/leadspace-block/__stories__/leadspace-block.stories.ts b/...ages/web-components/src/components/leadspace-block/__stories__/leadspace-block.stories.ts
@@ -37,8 +37,9 @@ const image = html`
 `;
 
 const video = html`
-  <c4d-video-player-container video-id="0_ibuqxqbe"></c4d-video-player-container>
-  `;
+  <c4d-video-player-container
+    video-id="0_ibuqxqbe"></c4d-video-player-container>
+`;
 
 const linkList = html`
   <c4d-link-list type="end">
@@ -56,22 +57,23 @@ const linkList = html`
 `;
 
 const buttonCTA = html`
-  <c4d-button cta-type="local">
-    Contact sales
-  </c4d-button>
+  <c4d-button cta-type="local"> Contact sales </c4d-button>
 `;
 
 export const Default = (args) => {
   const { title, copy, media, border } = args?.LeadSpaceBlock ?? {};
   return html`
     <c4d-leadspace-block ?border=${border}>
-      <c4d-leadspace-heading highlight="intelligent IT operations">${title}</c4d-leadspace-heading>
+      <c4d-leadspace-heading highlight="intelligent IT operations"
+        >${title}</c4d-leadspace-heading
+      >
       <c4d-leadspace-block-content>
         <c4d-content-block-copy>${copy}</c4d-content-block-copy>
-        ${media !== 'none' ? html`
-        <c4d-leadspace-block-media>
-        ${media === 'image' ? image : media === 'video' ? video : ''}
-        </c4d-leadspace-block-media>` : ``}
+        ${media !== 'none'
+          ? html` <c4d-leadspace-block-media>
+              ${media === 'image' ? image : media === 'video' ? video : ''}
+            </c4d-leadspace-block-media>`
+          : ``}
         ${linkList} ${buttonCTA}
       </c4d-leadspace-block-content>
     </c4d-leadspace-block>
@@ -94,12 +96,15 @@ export default {
     hasStoryPadding: true,
     knobs: {
       LeadSpaceBlock: () => ({
-        title: text('title (title)', 'Infuse your AIOps platform with intelligent IT operations'),
+        title: text(
+          'title (title)',
+          'Infuse your AIOps platform with intelligent IT operations'
+        ),
         copy: `Automate your software release process with continuous delivery (CD)—the most
             critical part of adopting DevOps. Build, test, and deploy code changes quickly,
             ensuring software is always ready for deployment.`,
         media: select('Media:', ['none', 'image', 'video'], 'image'),
-        border: boolean('Border:', true)
+        border: boolean('Border:', true),
       }),
     },
     propsSet: {