npm - @ptcwebops/ptcw-design - Versions diffs - 6.3.35 → 6.3.36-beta - Mend

@ptcwebops/ptcw-design 6.3.35 → 6.3.36-beta

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 (460) hide show

package/dist/collection/stories/organisms/ptc/Large Bulleted List/preview.stories.js DELETED Viewed

@@ -1,224 +0,0 @@
-import { html } from 'lit';
-export default {
-  title: 'Organisms/ptc/Large Bulleted List'
-};
-const AlertsPage = args => {
-  return html`
-<section id="benefits" class="ptc-container bulleted-list-section ptc-section-standard" aria-labelledby="bulleted-list-section-683b3e36d9244ac0b7201c067671cd58">
-      <div class="is-col-12">
-        <ptc-title id="bulleted-list-section-683b3e36d9244ac0b7201c067671cd58" seo-compatibility-mode title-height="densest">
-          <h2>With H3s</h2>
-        </ptc-title>
-        <p>With Implementer, you receive a secure, scalable and flexible solution to protect your production, development, and testing environments on IBM i servers.</p>
-      </div>
-      <ptc-spacer size="small"></ptc-spacer>
-      <ptc-spacer size="x-small"></ptc-spacer>
-      <div class="is-grid bul-col-gap">
-        <div class="is-col-12 is-col-4-md bul-col">
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-            <p>Developer workbenchAn intuitive environment to make host-based development faster</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-            <p>Parallel/Concurrent development Ensures proper controls over initiating and approving changes from multiple developers</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-            <p>Packaged applications Integrate and adapt seamlessly to dozens of the most popular applications packages in the market</p>
-          </ptc-icon-list>
-        </div>
-        <div class="is-col-12 is-col-4-md bul-col">
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-            <p>Developer workbenchAn intuitive environment to make host-based development faster</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-            <p>Parallel/Concurrent development Ensures proper controls over initiating and approving changes from multiple developers</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-            <p>Packaged applications Integrate and adapt seamlessly to dozens of the most popular applications packages in the market</p>
-          </ptc-icon-list>
-        </div>
-        <div class="is-col-12 is-col-4-md bul-col">
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-            <p>Developer workbenchAn intuitive environment to make host-based development faster</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-            <p>Parallel/Concurrent development Ensures proper controls over initiating and approving changes from multiple developers</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-            <p>Packaged applications Integrate and adapt seamlessly to dozens of the most popular applications packages in the market</p>
-          </ptc-icon-list>
-        </div>
-      </div>
-    </section>
-    <section id="benefits" class="ptc-container bulleted-list-section ptc-section-standard" aria-labelledby="bulleted-list-section-683b3e36d9244ac0b7201c067671cd58">
-      <div class="is-col-12">
-        <ptc-title id="bulleted-list-section-683b3e36d9244ac0b7201c067671cd58" seo-compatibility-mode title-height="densest">
-          <h2>Without H3s</h2>
-        </ptc-title>
-        <p>With Implementer, you receive a secure, scalable and flexible solution to protect your production, development, and testing environments on IBM i servers.</p>
-      </div>
-      <ptc-spacer size="small"></ptc-spacer>
-      <ptc-spacer size="x-small"></ptc-spacer>
-      <div class="is-grid has-col-gap-md">
-        <div class="is-col-12 is-col-4-md bul-col">
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <p>Developer workbenchAn intuitive environment to make host-based development faster</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <p>Parallel/Concurrent development Ensures proper controls over initiating and approving changes from multiple developers</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <p>Packaged applications Integrate and adapt seamlessly to dozens of the most popular applications packages in the market</p>
-          </ptc-icon-list>
-        </div>
-        <div class="is-col-12 is-col-4-md bul-col">
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <p>Developer workbenchAn intuitive environment to make host-based development faster</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <p>Parallel/Concurrent development Ensures proper controls over initiating and approving changes from multiple developers</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <p>Packaged applications Integrate and adapt seamlessly to dozens of the most popular applications packages in the market</p>
-          </ptc-icon-list>
-        </div>
-        <div class="is-col-12 is-col-4-md bul-col">
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <p>Developer workbenchAn intuitive environment to make host-based development faster</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <p>Parallel/Concurrent development Ensures proper controls over initiating and approving changes from multiple developers</p>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <p>Packaged applications Integrate and adapt seamlessly to dozens of the most popular applications packages in the market</p>
-          </ptc-icon-list>
-        </div>
-      </div>
-    </section>
-    <section id="benefits" class="ptc-container bulleted-list-section ptc-section-standard" aria-labelledby="bulleted-list-section-683b3e36d9244ac0b7201c067671cd58">
-      <div class="is-col-12">
-        <ptc-title id="bulleted-list-section-683b3e36d9244ac0b7201c067671cd58" seo-compatibility-mode title-height="densest">
-          <h2>Without Paragraphs</h2>
-        </ptc-title>
-        <p>With Implementer, you receive a secure, scalable and flexible solution to protect your production, development, and testing environments on IBM i servers.</p>
-      </div>
-      <ptc-spacer size="small"></ptc-spacer>
-      <ptc-spacer size="x-small"></ptc-spacer>
-      <div class="is-grid bul-col-gap">
-        <div class="is-col-12 is-col-4-md bul-col">
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-          </ptc-icon-list>
-        </div>
-        <div class="is-col-12 is-col-4-md bul-col">
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-          </ptc-icon-list>
-        </div>
-        <div class="is-col-12 is-col-4-md bul-col">
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-          </ptc-icon-list>
-          <ptc-icon-list list-type="icon-top-align-list" list-content="">
-            <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-            <ptc-title id="" seo-compatibility-mode ti tle-height="densest" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-            </ptc-title>
-          </ptc-icon-list>
-        </div>
-      </div>
-    </section>
-  `;
-};
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Large Bulleted List V2/preview.stories.js DELETED Viewed

@@ -1,326 +0,0 @@
-import { html } from 'lit';
-export default {
-  title: 'Organisms/ptc/Large Bulleted List V2'
-};
-const AlertsPage = args => {
-  return html`
-<section class="ptc-section-standard large-bulleted-list-v2">
-      <div class="ptc-container">
-        <ptc-title id="" seo-compatibility-mode title-height="densest">
-          <h2>Large Bulleted List: Heading/H2 70 characters max</h2>
-        </ptc-title>
-        <p>
-          Body Copy ~25-50 words/140-300 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum rhoncus semper. Vestibulum ut mi eget lacus tempus
-          placerat. Sed ullamcorper a ex et fringilla massa nunc.
-        </p>
-        <ptc-spacer breakpoint="medium" size="small" class="small ptc-spacer-vertical ptc-spacer-medium hydrated"></ptc-spacer>
-        <div class="grid-container">
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-                <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-              </ptc-title>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-                <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-              </ptc-title>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-                <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-              </ptc-title>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-                <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-              </ptc-title>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-                <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-              </ptc-title>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-                <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-              </ptc-title>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-                <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-              </ptc-title>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-                <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-              </ptc-title>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush margin-bottom-2">
-                <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-              </ptc-title>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-        </div>
-      </div>
-    </section>
-    <section class="ptc-section-standard large-bulleted-list">
-      <div class="ptc-container">
-        <ptc-title id="" seo-compatibility-mode title-height="densest">
-          <h2>Large Bulleted List: Heading/H2 70 characters max</h2>
-        </ptc-title>
-        <p>
-          Body Copy ~25-50 words/140-300 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum rhoncus semper. Vestibulum ut mi eget lacus tempus
-          placerat. Sed ullamcorper a ex et fringilla massa nunc.
-        </p>
-        <ptc-spacer breakpoint="medium" size="small" class="small ptc-spacer-vertical ptc-spacer-medium hydrated"></ptc-spacer>
-        <div class="grid-container">
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-          <div class="grid-item">
-            <ptc-icon-list list-type="icon-top-align-list" list-content="">
-              <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-              <p>
-                Lorem ipsum dolor sit amet consectetur. Magna odio
-                <a href="https://www.ptc.com/de/technologies/application-lifecycle-management" target="_blank"> neque tellus adipiscing. </a> Tincidunt urna viverra dictum leo.
-                Neque tortor amet netus auctor urna.
-              </p>
-            </ptc-icon-list>
-          </div>
-        </div>
-      </div>
-    </section>
-    <section class="ptc-section-standard large-bulleted-list">
-        <div class="ptc-container">
-          <ptc-title id="" seo-compatibility-mode title-height="densest">
-            <h2>Large Bulleted List: Heading/H2 70 characters max</h2>
-          </ptc-title>
-          <p>
-            Body Copy ~25-50 words/140-300 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum rhoncus semper. Vestibulum ut mi eget lacus tempus
-            placerat. Sed ullamcorper a ex et fringilla massa nunc.
-          </p>
-          <ptc-spacer breakpoint="medium" size="small" class="small ptc-spacer-vertical ptc-spacer-medium hydrated"></ptc-spacer>
-          <div class="grid-container">
-            <div class="grid-item">
-              <ptc-icon-list list-type="icon-top-align-list" list-content="">
-                <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-                <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-                  <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-                </ptc-title>
-              </ptc-icon-list>
-            </div>
-            <div class="grid-item">
-                <ptc-icon-list list-type="icon-top-align-list" list-content="">
-                  <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-                  <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-                    <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-                  </ptc-title>
-                </ptc-icon-list>
-              </div>
-              <div class="grid-item">
-                <ptc-icon-list list-type="icon-top-align-list" list-content="">
-                  <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-                  <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-                    <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-                  </ptc-title>
-                </ptc-icon-list>
-              </div>
-              <div class="grid-item">
-                <ptc-icon-list list-type="icon-top-align-list" list-content="">
-                  <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-                  <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-                    <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-                  </ptc-title>
-                </ptc-icon-list>
-              </div>
-              <div class="grid-item">
-                <ptc-icon-list list-type="icon-top-align-list" list-content="">
-                  <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-                  <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-                    <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-                  </ptc-title>
-                </ptc-icon-list>
-              </div>
-              <div class="grid-item">
-                <ptc-icon-list list-type="icon-top-align-list" list-content="">
-                  <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-                  <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-                    <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-                  </ptc-title>
-                </ptc-icon-list>
-              </div>
-              <div class="grid-item">
-                <ptc-icon-list list-type="icon-top-align-list" list-content="">
-                  <icon-asset slot="icon" type="ptc" size="xx-small" name="hexagon-bullet" color="ptc-green" injected-style="svg{ pointer-events: none}"></icon-asset>
-                  <ptc-title id="" seo-compatibility-mode title-height="densest" upperline="no-upperline" title-margin="margin-flush">
-                    <h3>Lorem ipsum dolor sit amet dolor sit amet</h3>
-                  </ptc-title>
-                </ptc-icon-list>
-              </div>
-          </div>
-        </div>
-      </section>
-  `;
-};
-export const Preview = AlertsPage.bind();