@ptcwebops/ptcw-design 6.3.36 → 6.3.37-beta

package/dist/collection/stories/organisms/ptc/Read More/preview.stories.js

@@ -1,278 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Read More'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<div class="ptc-container">
-        <br>
-        <ptc-title type='h2' upperline="no-upperline"> Read More Atom demo</ptc-title>
-        <hr>
-
-
-        <br>
-        <ptc-title type='h3' upperline="no-upperline">Line limit 1</ptc-title>
-        <hr>
-        <br>
-        <ptc-readmore more-text="read more" less-text="read less" visible-lines="line1">
-            <ptc-para font-size="x-small" font-weight="w-5" para-margin="margin-flush" para-style="main"
-                para-line-h="line-height-p">Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nulla
-            </ptc-para>
-        </ptc-readmore>
-
-        <br>
-        <ptc-title type='h3' upperline="no-upperline">Line limit 2</ptc-title>
-        <hr>
-        <br>
-        <ptc-readmore more-text="read more" less-text="read less" visible-lines="line2">
-            <ptc-para font-size="x-small" font-weight="w-5" para-margin="margin-flush" para-style="main"
-                para-line-h="line-height-p"> Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis
-                risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.</ptc-para>
-        </ptc-readmore>
-
-        <br>
-        <ptc-title type='h3' upperline="no-upperline">Line limit 3</ptc-title>
-        <hr>
-        <br>
-        <ptc-readmore more-text="read more" less-text="read less" visible-lines="line3">
-            <ptc-para font-size="x-small" font-weight="w-5" para-margin="margin-flush" para-style="main"
-                para-line-h="line-height-p">Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis
-                risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui
-                rhoncus, mattis risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.</ptc-para>
-        </ptc-readmore>
-
-        <br>
-        <ptc-title type='h3' upperline="no-upperline">Line limit 4</ptc-title>
-        <hr>
-        <br>
-        <ptc-readmore more-text="read more" less-text="read less" visible-lines="line4">
-            <ptc-para font-size="x-small" font-weight="w-5" para-margin="margin-flush" para-style="main"
-                para-line-h="line-height-p">Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis
-                risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui
-                rhoncus, mattis risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.</ptc-para>
-        </ptc-readmore>
-
-
-        <br>
-        <ptc-title type='h3' upperline="no-upperline">Line limit 5</ptc-title>
-        <hr>
-        <br>
-        <ptc-readmore more-text="read more" less-text="read less" visible-lines="line5">
-            <ptc-para font-size="x-small" font-weight="w-5" para-margin="margin-flush" para-style="main"
-                para-line-h="line-height-p">Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis
-                risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui
-                rhoncus, mattis risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.</ptc-para>
-
-        </ptc-readmore>
-        <br>
-        <ptc-title type='h3' upperline="no-upperline">Line limit 10</ptc-title>
-        <hr>
-        <br>
-        <ptc-readmore more-text="read more" less-text="read less" visible-lines="line10">
-            <ptc-para font-size="x-small" font-weight="w-5" para-margin="margin-flush" para-style="main"
-                para-line-h="line-height-p">Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis
-                risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui
-                rhoncus, mattis risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.</ptc-para>
-        </ptc-readmore>
-
-        <br>
-        <ptc-title type='h3' upperline="no-upperline">Custom Line limit(here used 14), author can use any number of
-            lines</ptc-title>
-        <hr>
-        <br>
-        <ptc-readmore more-text="read more" less-text="read less" visible-lines-custom="15">
-            <ptc-para font-size="x-small" font-weight="w-5" para-margin="margin-flush" para-style="main"
-                para-line-h="line-height-p">Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis
-                risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui
-                rhoncus, mattis risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.</ptc-para>
-        </ptc-readmore>
-
-        <br>
-        <ptc-title type='h3' upperline="no-upperline">Read more position(left/right)</ptc-title>
-        <hr>
-        <br>
-        <ptc-readmore more-text="read more" less-text="read less" visible-lines-custom="5" read-more-position="left">
-            <ptc-para font-size="x-small" font-weight="w-5" para-margin="margin-flush" para-style="main"
-                para-line-h="line-height-p">Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis
-                risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui
-                rhoncus, mattis risus ac, tincidunt massa. Cras
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.
-                dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum
-                volutpat. Ut
-                aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh
-                quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis
-                vulputate
-                dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim.
-                Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate dignissim. Mauris vel
-                elit sit amet nibh porta cursus eu id urna.</ptc-para>
-        </ptc-readmore>
-        <br>
-        <ptc-title type='h3' upperline="no-upperline" >PTC store read more demo</ptc-title>
-        <hr>
-        <br>
-        <ptc-readmore more-text="See All" less-text="See Less" visible-lines-custom="10" is-icon="true" color="gray" size="medium" read-more-position="left">
-            <ptc-para font-size="x-small" font-weight="w-5" para-margin="margin-flush" para-style="main" para-line-h="line-height-p">Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nullatincidunt massa. Nulla ut nunc id nulla aliquam Nulla Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Nulla ut nunc id nulla aliquam Nulla</ptc-para>
-        </ptc-readmore>
-
-        <br><br>
-    </div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Related Cards/preview.stories.js

@@ -1,107 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Related Cards'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<style>
-        @media screen and (min-width: 1440px) {
-            .has-col-gap-lg {
-                grid-column-gap: 40px;
-            }
-        }
-
-        @media screen and (min-width: 1440px) {
-            .has-row-gap-lg {
-                grid-row-gap: 40px;
-            }
-        }
-    </style>
-    <div class="ptc-container ptc-section-standard">
-        <div class="is-grid has-col-6 has-col-12-xs has-col-gap-lg has-row-gap-lg">
-            <div class="is-col-6 is-col-12-xs is-col-4-md  u-justify-self-stretch">
-                <ptc-card has-image="true" card-type="related-card" card-href="http://www.google.com"
-                    ribbon-text="eBook" tracker-id="tracker-id-1">
-                    <ptc-img slot="slot-image" img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                        image-type="smart-img" load-mode="lazy-bg" border-radius="radius-standard-top"></ptc-img>
-                    <div slot="slot-description">
-                        <ptc-title type="h3" title-size="medium" title-weight="w-6" title-height="line-height-densest"
-                        title-margin="margin-flush" upperline="no-upperline" title-color="gray-darker">
-                            <ptc-tooltip 
-                                description="Join us for live. "
-                                text-lines="3" z-index="z-3">
-                            </ptc-tooltip>
-                        </ptc-title>
-                        <ptc-spacer breakpoint="x-small" size="small"></ptc-spacer>
-                        <ptc-spacer breakpoint="small" size="x-small"></ptc-spacer>
-                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-densest"
-                            para-margin="margin-flush" para-z-index="z-auto" para-color="gray-darker">
-                            <ptc-tooltip 
-                                description="Lörem ipsum deling."
-                                text-lines="4" z-index="z-auto">
-                            </ptc-tooltip>
-                        </ptc-para>
-                    </div>
-                </ptc-card>
-            </div>
-            <div class="is-col-6 is-col-12-xs is-col-4-md  u-justify-self-stretch">
-                <ptc-card has-image="true" card-type="related-card" card-href="http://www.google.com"
-                    ribbon-text="eBook" tracker-id="tracker-id-2">
-                    <ptc-img slot="slot-image" img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                        image-type="smart-img" load-mode="lazy-bg" border-radius="radius-standard-top"></ptc-img>
-                    <div slot="slot-description">
-                        <ptc-title type="h3" title-size="medium" title-weight="w-6" title-height="line-height-densest"
-                        title-margin="margin-flush" upperline="no-upperline" title-color="gray-darker">
-                            <ptc-tooltip 
-                                description="Join us for live presentations and hear about the latest updates for Creo, Windchill PLM, and Thingworx IOT and Augmented Reality."
-                                text-lines="3" z-index="z-3">
-                            </ptc-tooltip>
-                        </ptc-title>
-                        <ptc-spacer breakpoint="x-small" size="small"></ptc-spacer>
-                        <ptc-spacer breakpoint="small" size="x-small"></ptc-spacer>
-                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-densest"
-                            para-margin="margin-flush" para-z-index="z-auto" para-color="gray-darker">
-                            <ptc-tooltip 
-                                description="Lörem ipsum deling äsåv astrodoponade. Nevis. Asade gibinas, och ter. Preliga posaling dektigt. Adepiv nehet sperar inte eur, ad.Lörem ipsum deling äsåv astrodoponade. Nevis. Asade gibinas, och ter."
-                                text-lines="4" z-index="z-auto">
-                            </ptc-tooltip>
-                        </ptc-para>
-                    </div>
-                </ptc-card>
-            </div>
-            <div class="is-col-6 is-col-12-xs is-col-4-md  u-justify-self-stretch">
-                <ptc-card has-image="true" card-type="related-card" card-href="http://www.google.com"
-                    ribbon-text="Corporate Update" tracker-id="-id-3">
-                    <ptc-img slot="slot-image" img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                        image-type="smart-img" load-mode="lazy-bg" border-radius="radius-standard-top"></ptc-img>
-                    <div slot="slot-description">
-                        <ptc-title type="h3" title-size="medium" title-weight="w-6" title-height="line-height-densest"
-                        title-margin="margin-flush" upperline="no-upperline" title-color="gray-darker">
-                            <ptc-tooltip 
-                                description="Join us for live presentations and hear about the latest updates for Creo, Windchill PLM, and Thingworx IOT and Augmented Reality."
-                                text-lines="3" z-index="z-3">
-                            </ptc-tooltip>
-                        </ptc-title>
-                        <ptc-spacer breakpoint="x-small" size="small"></ptc-spacer>
-                        <ptc-spacer breakpoint="small" size="x-small"></ptc-spacer>
-                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-densest"
-                            para-margin="margin-flush" para-z-index="z-auto" para-color="gray-darker">
-                            <ptc-tooltip 
-                                description="Lörem ipsum deling äsåv astrodoponade. Nevis. Asade gibinas, och ter. Preliga posaling dektigt. Adepiv nehet sperar inte eur, ad.Lörem ipsum deling äsåv astrodoponade. Nevis. Asade gibinas, och ter."
-                                text-lines="4" z-index="z-auto">
-                            </ptc-tooltip>
-                        </ptc-para>
-                    </div>
-                </ptc-card>
-            </div>
-        </div>
-    </div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Resource Center/preview.stories.js

@@ -1,149 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Resource Center'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<div class="ptc-container-lg" style="margin:48px 0;">
-            <ptc-spacer breakpoint="x-large" size="small"></ptc-spacer>
-            <ptc-spacer breakpoint="x-small" size="medium"></ptc-spacer>
-            <div class="is-grid">
-                <div class="is-col-12-xs is-col-3-lg is-col-4-xxxl">
-                </div>
-                <div class="is-col-12-xs is-col-9-lg is-col-8-xxxl is-placed-center">
-                    <div class="search-gallery active">
-                        <div class="is-grid" id="items">
-                            <div class="is-col-12-xs is-col-6-md is-col-6-lg is-col-4-xxl">
-                                <ptc-card tracker-id="tracker-id-1" has-image="true" card-type="resource-center-card" ribbon-text="Infographic" card-href="/en/case-studies/zeiss-develops-model-based-product-definition" heading="Model-Based Product Definition Links Design and Metrology">
-                                    <ptc-img slot="slot-image"
-                                             img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                                             image-type="smart-img"
-                                             load-mode="lazy-bg"></ptc-img>
-                                    <div slot="slot-description">
-                                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19" class="hydrated">
-                                            PTC and ZEISS Develop Automatic Transfer of Manufacturing Data into Measuring Machine Programming
-                                        </ptc-para>
-                                    </div>
-                                </ptc-card>
-                                </div>
-                                <div class="is-col-12-xs is-col-6-md is-col-6-lg is-col-4-xxl">
-                                    <ptc-card tracker-id="tracker-id-2" has-image="true" card-type="resource-center-card" ribbon-text="Infographic" card-href="/en/resources/manufacturing/video/sustainability-meets-profitability" heading="Sustainability Meets Profitability">
-                                        <ptc-img slot="slot-image"
-                                    img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                                             image-type="smart-img"
-                                             load-mode="lazy-bg"></ptc-img>
-                                    <div slot="slot-description">
-                                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19" class="hydrated">
-                                            Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand. Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand.Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand.
-                                        </ptc-para>
-                                    </div>
-                                </ptc-card>
-                                </div>
-                                <div class="is-col-12-xs is-col-6-md is-col-6-lg is-col-4-xxl">
-                                    <ptc-card tracker-id="tracker-id-3" has-image="true" card-type="resource-center-card" ribbon-text="Infographic" card-href="/en/resources/manufacturing/video/sustainability-meets-profitability" heading="Sustainability Meets Profitability">
-                                        <ptc-img slot="slot-image"
-                                    img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                                             image-type="smart-img"
-                                             load-mode="lazy-bg"></ptc-img>
-                                    <div slot="slot-description">
-                                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19" class="hydrated">
-                                            Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand.
-                                        </ptc-para>
-                                    </div>
-                                </ptc-card>
-                                </div>
-                                <div class="is-col-12-xs is-col-6-md is-col-6-lg is-col-4-xxl">
-                                    <ptc-card tracker-id="tracker-id-" has-image="true" card-type="resource-center-card" ribbon-text="eBook" card-href="/en/resources/manufacturing/video/sustainability-meets-profitability" heading="Sustainability Meets Profitability">
-                                        <ptc-img slot="slot-image"
-                                    img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                                             image-type="smart-img"
-                                             load-mode="lazy-bg"></ptc-img>
-                                    <div slot="slot-description">
-                                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19" class="hydrated">
-                                            Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand.
-                                        </ptc-para>
-                                    </div>
-                                </ptc-card>
-                                </div>
-                                <div class="is-col-12-xs is-col-6-md is-col-6-lg is-col-4-xxl">
-                                    <ptc-card tracker-id="tracker-id-5" has-image="true" card-type="resource-center-card" ribbon-text="eBook" card-href="/en/resources/manufacturing/video/sustainability-meets-profitability" heading="Sustainability Meets Profitability">
-                                        <ptc-img slot="slot-image"
-                                    img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                                             image-type="smart-img"
-                                             load-mode="lazy-bg"></ptc-img>
-                                    <div slot="slot-description">
-                                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19" class="hydrated">
-                                            Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand.
-                                        </ptc-para>
-                                    </div>
-                                </ptc-card>
-                                </div>
-                                <div class="is-col-12-xs is-col-6-md is-col-6-lg is-col-4-xxl">
-                                    <ptc-card tracker-id="tracker-id-6" has-image="true" card-type="resource-center-card" ribbon-text="eBook" card-href="/en/resources/manufacturing/video/sustainability-meets-profitability" heading="Sustainability Meets Profitability">
-                                        <ptc-img slot="slot-image"
-                                    img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                                             image-type="smart-img"
-                                             load-mode="lazy-bg"></ptc-img>
-                                    <div slot="slot-description">
-                                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19" class="hydrated">
-                                            Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand.
-                                        </ptc-para>
-                                    </div>
-                                </ptc-card>
-                                </div>
-                                <div class="is-col-12-xs is-col-6-md is-col-6-lg is-col-4-xxl">
-                                    <ptc-card tracker-id="tracker-id-7" has-image="true" card-type="resource-center-card" ribbon-text="eBook" card-href="/en/resources/manufacturing/video/sustainability-meets-profitability" heading="Sustainability Meets Profitability">
-                                        <ptc-img slot="slot-image"
-                                    img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                                             image-type="smart-img"
-                                             load-mode="lazy-bg"></ptc-img>
-                                    <div slot="slot-description">
-                                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19" class="hydrated">
-                                            Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand.
-                                        </ptc-para>
-                                    </div>
-                                </ptc-card>
-                                </div>
-                                <div class="is-col-12-xs is-col-6-md is-col-6-lg is-col-4-xxl">
-                                    <ptc-card tracker-id="tracker-id-8" has-image="true" card-type="resource-center-card" ribbon-text="eBook" card-href="/en/resources/manufacturing/video/sustainability-meets-profitability" heading="Sustainability Meets Profitability">
-                                        <ptc-img slot="slot-image"
-                                    img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                                             image-type="smart-img"
-                                             load-mode="lazy-bg"></ptc-img>
-                                    <div slot="slot-description">
-                                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19" class="hydrated">
-                                            Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand.
-                                        </ptc-para>
-                                    </div>
-                                </ptc-card>
-                                </div>
-                                <div class="is-col-12-xs is-col-6-md is-col-6-lg is-col-4-xxl">
-                                    <ptc-card tracker-id="tracker-id-9" has-image="true" card-type="resource-center-card" ribbon-text="eBook" card-href="/en/resources/manufacturing/video/sustainability-meets-profitability" heading="Sustainability Meets Profitability">
-                                        <ptc-img slot="slot-image"
-                                    img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"
-                                             image-type="smart-img"
-                                             load-mode="lazy-bg"></ptc-img>
-                                    <div slot="slot-description">
-                                        <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19" class="hydrated">
-                                            Watch all the content from the Sustainability Meets Profitability event at the Manufacturing Technology Centre, now on-demand.
-                                        </ptc-para>
-                                    </div>
-                                </ptc-card>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="is-col-1-xxxl"></div>
-            <ptc-spacer breakpoint="x-large" size="small"></ptc-spacer>
-            <ptc-spacer breakpoint="x-small" size="medium"></ptc-spacer>
-        </div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Search Result/preview.stories.js

@@ -1,62 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Search Result'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<div class="demo-plm-bgcolor">
-        
-        <div class="ptc-container-lg">
-            <div class="is-grid has-row-gap-sm is-col-12">
-                <ptc-breadcrumb class="is-col-5 is-col-11-sm">
-                    <list-item list-type="breadcrumb" link-href="https://www.ptc.com/contact-us">PLM Video
-                        Hub</list-item>
-                    <list-item list-type="breadcrumb">Current Page</list-item>
-                </ptc-breadcrumb>
-                
-                <div class="is-col-7 is-col-1-sm search-container is-flex-column is-flex flex-align-items">
-                    <ptc-search-field dark-theme="true"></ptc-search-field>
-                    <ptc-button color="clear-search" class="u-marginTop-md">Clear Search</ptc-button>
-                </div>
-                
-            </div>
-        </div>
-        
-        <ptc-spacer breakpoint="small" size="medium"></ptc-spacer>
-        <ptc-spacer breakpoint="x-small" size="large"></ptc-spacer>
-        
-        
-        <div class="ptc-container-lg ptc-section-standard ptc-section-standard">
-            <bundle-example></bundle-example>
-        </div>
-
-        <style>
-            .no-result-section {
-                justify-content: center;
-                display: flex;
-            }
-        </style>
-        <div class="ptc-container-lg ptc-section-standard no-result-section">
-            <ptc-card-wrapper card-type="result-box">
-                <ptc-para font-size="large" font-weight="w-7" para-margin="margin-bottom-2" para-color="white"
-                    para-line-h="line-height-densest">
-                    No Results Found
-                </ptc-para>
-                <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-bottom-6" para-color="white"
-                    para-line-h="line-height-p">
-                    Please try changing your keywords
-                </ptc-para>
-                <ptc-button type="link" color="ptc-quaternary" link-href="https://www.ptc.com" target="_blank">Clear
-                    Search</ptc-button>
-            </ptc-card-wrapper>
-        </div>
-    </div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();