@ptcwebops/ptcw-design 6.3.36 → 6.3.37-beta

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

@@ -1,235 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Preference Center'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<ptc-jumbotron 
-      jumbotron-type="dark"
-      sub-title="totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo."
-      bg-src="https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80"
-    >
-      <ptc-breadcrumb slot="breadcrumb" color="white">
-        <list-item list-type="breadcrumb" link-href="https://www.ptc.com/contact-us" color="light-gray"> PLM Video Hub </list-item>
-        <list-item list-type="breadcrumb" link-href="https://www.ptc.com/contact-us" color="light-gray"> PLM Video Hub perspiciatis unde omnis iste natus </list-item>
-        <list-item list-type="breadcrumb" color="light-gray"> Current Page </list-item>
-      </ptc-breadcrumb>
-
-      <ptc-title 
-        slot="main-title"
-        type="h1"
-        upperline="no-upperline"
-        title-size="xxxx-large"
-        title-height="densest"
-        title-weight="w-8"
-        title-margin="margin-flush"
-        text-align="left"
-        title-color="gray-1"
-        >Sed ut perspiciatis unde omnis iste natus
-      </ptc-title>
-      <ptc-button slot="j-cta" type="link" color="ptc-primary" link-href="https://www.ptc.com" target="_blank"> CTA 1 </ptc-button>
-      <ptc-button slot="j-cta" type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank"> CTA 2 </ptc-button>
-    </ptc-jumbotron>
-
-    <div class="ptc-section-standard ptc-container">
-      <max-width-container breakpoint="768" content-align="left" max-width="600">
-        <ptc-title seo-compatibility-mode type="h2" upperline="no-upperline" title-margin="margin-flush">
-          <h2>Email Information</h2>
-        </ptc-title>
-        <ptc-spacer size="medium"></ptc-spacer>
-        <ptc-spacer size="x-small"></ptc-spacer>
-        <ptc-para font-size="x-small" para-margin="margin-bottom-3" para-line-h="line-height-densest">Email Address:</ptc-para>
-        <ptc-para font-size="x-small" para-margin="margin-bottom-3" para-line-h="line-height-densest" font-weight="w-7">
-          
-          melaniesscanlan78950695847362738495067@ptc.com
-        </ptc-para>
-        <ptc-link external="false" font-size="medium" font-weight="w-bold" href="https://www.ptc.com" link-title="Title attribute goes here" target="_blank" theme="global"
-          >Not you?</ptc-link>
-        <ptc-spacer size="small"></ptc-spacer>
-        
-
-        
-        
-
-        <ptc-para font-size="x-small" para-margin="margin-bottom-6" para-line-h="line-height-densest"
-          >See email address we have above. If you’d like to update your email address or personal information, please use one of the below buttons.</ptc-para>
-
-        <div class="is-flex has-col-gap-md has-row-gap-md u-flex-wrap">
-          <div class="is-col">
-            <ptc-button color="ptc-primary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" target="_self" text-align="undefined" type="button"
-              >Update Email Address</ptc-button>
-          </div>
-          <div class="is-col">
-            <ptc-button color="ptc-tertiary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" target="_self" text-align="undefined" type="button"
-              >Update Personal Information</ptc-button>
-          </div>
-        </div>
-      </max-width-container>
-    </div>
-    <div class="ptc-section-standard ptc-container">
-      <form action="">
-        <max-width-container breakpoint="890" content-align="left" max-width="890">
-          <ptc-title seo-compatibility-mode type="h2" upperline="no-upperline" title-margin="margin-flush">
-            <h2>Email Preferences</h2>
-          </ptc-title>
-          <ptc-data-lookup elq-site-id="2826" elq-subscription-lookup-key="bf7df9f5b15c4b47b3c75e50c902bd53">
-            <ptc-preferance-center-form>
-              
-
-              
-              <ptc-checkbox-group group-name="products">
-                <div slot="title" class="group-title">
-                  <ptc-title seo-compatibility-mode type="h3" upperline="no-upperline" title-margin="margin-flush">
-                    <h3>Products</h3>
-                  </ptc-title>
-                  <label htmlFor="select-all-products"> <input type="checkbox" id="select-all-products" >Select All </label>
-                </div>
-  
-                
-  
-                <label class="checkbox-card" for="ALM">
-                  <input type="checkbox" name="products" value="prduct name" id="ALM" class="groupId" data-eloqua-name="ALM" 
-                  data-sub-groupid="9cde0dff-33ea-436d-a34d-9e056a2d9bcc" 
-                  data-unsub-groupid="cde0fc18-96ed-4383-90cc-b9d00f4c882b">
-                  <div class="card-description">
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p" font-weight="w-7">Application Lifecycle Managment (ALM)</ptc-para>
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p"
-                      >Discover how ALM solutions are accelerating systems and software-driven product innovation,stay on top of related trends in your industry,get the latest
-                      updates on PTC’s ALM portfolio.</ptc-para>
-                  </div>
-                </label>
-  
-                <label class="checkbox-card" for="AR">
-                  <input type="checkbox" name="products" value="prduct name" id="AR" class="groupId" data-eloqua-name="ar"
-                  data-sub-groupid="093fa5e0-8a98-493a-8365-a22d98e65134"
-                  data-unsub-groupid="0a09d296-5fbd-4ec2-8e30-61036315f3e9">
-                  <div class="card-description">
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p" font-weight="w-7"
-                      >Augmented Reality (Industrial AR Solutions for Frontline Work Efficiency)</ptc-para>
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p"
-                      >Connect enterprise IoT, PLM, and CAD data to enable the creation of augmented work instructions at scale—a powerful tool for upskilling your workforce,
-                      optimizing operations, and increasing revenue.</ptc-para>
-                  </div>
-                </label>
-                <label class="checkbox-card" for="Creo">
-                  <input type="checkbox" name="products" value="prduct name" class="groupId" id="Creo" data-eloqua-name="Creo"
-                  data-sub-groupid="d3a57b1b-0a1c-43b7-9453-579612617172"
-                  data-unsub-groupid="65425835-86d5-4943-b268-ff7c83936b02" >
-                  <div class="card-description">
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p" font-weight="w-7">Computer-Aided Design (CAD)</ptc-para>
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p"
-                      >Explore Creo, our computer-aided design (CAD) software optimized to improve your product development process through additive manufacturing, model-based
-                      definition, simulation, generative design, and augmented reality capabilities.</ptc-para>
-                  </div>
-                </label>
-                <label class="checkbox-card" for="Manufacturing">
-                  <input type="checkbox" name="products" value="prduct name" class="groupId" id="Manufacturing" data-eloqua-name="manufacturing"
-                  data-sub-groupid="c108b688-5e58-4f5f-9b15-8a8f2a7fb775"
-                  data-unsub-groupid="eb5475d0-261d-4ceb-823c-5db7d913fa60" >
-                  <div class="card-description">
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p" font-weight="w-7"
-                      >Industrial IoT for Manufacturing (Industrial IoT Solutions for Digital Manufacturing)</ptc-para>
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p"
-                      >Achieve greater efficiency and throughput by converting time to revenue, consolidating shifts and lines, and more efficiently using labor to reduce overall
-                      cost per part.</ptc-para>
-                  </div>
-                </label>
-              </ptc-checkbox-group>
-
-  
-              <ptc-checkbox-group group-name="events">
-                <div slot="title" class="group-title">
-                  <ptc-title seo-compatibility-mode type="h3" upperline="no-upperline" title-margin="margin-flush">
-                    <h3>Events</h3>
-                  </ptc-title>
-                  <label htmlFor="select-all-events"> <input type="checkbox" class="groupId" id="select-all-events" >Select All </label>
-                </div>
-                
-                <label class="checkbox-card" for="event1">
-                  <input type="checkbox" name="events" value="event name" id="event1" class="groupId">
-  
-                  <div class="card-description">
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p" font-weight="w-7">Liveworx</ptc-para>
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p"
-                      >Receive the latest LiveWorx announcements, find out what we have planned for our upcoming event, how to get involved, and—most importantly—how to gain value by
-                      attending.</ptc-para>
-                  </div>
-                </label>
-              </ptc-checkbox-group>
-  
-              <ptc-checkbox-group group-name="services">
-                <div slot="title" class="group-title">
-                  <ptc-title seo-compatibility-mode type="h3" upperline="no-upperline" title-margin="margin-flush">
-                    <h3>Services</h3>
-                  </ptc-title>
-                  <label htmlFor="select-all-services"> <input type="checkbox" id="select-all-services" >Select All </label>
-                </div>
-                
-                <label class="checkbox-card" for="service1">
-                  <input type="checkbox" name="services" value="service name" class="groupId" id="service1" >
-  
-                  <div class="card-description">
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p" font-weight="w-7">CloudServices</ptc-para>
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p"
-                      >Deliver value from PTC solutions your way with PTC Cloud Services. Learn how our experienced application specialists help companies with rapid deployment,
-                      secure hosting, and 24/7 application management, tuning, and updates.</ptc-para>
-                  </div>
-                </label>
-                <label class="checkbox-card" for="service2">
-                  <input type="checkbox" name="services" value="service name" class="groupId" id="service2" >
-  
-                  <div class="card-description">
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p" font-weight="w-7">Global Support</ptc-para>
-                    <ptc-para para-margin="margin-bottom-3" para-line-h="line-height-p"
-                      >Opt in for information about PTC product maintenance, support plans, events, and webcasts.</ptc-para>
-                  </div>
-                </label>
-              </ptc-checkbox-group>
-  
-              <div class="is-flex has-col-gap-md has-row-gap-md u-flex-wrap">
-                <div class="is-col">
-                  <ptc-button 
-                    id="btnSubmit"
-                    color="ptc-primary"
-                    disabled="false"
-                    link-href="https://www.ptc.com"
-                    link-title="PTC"
-                    rel="undefined"
-                    target="_self"
-                    text-align="undefined"
-                    type="button"
-                    >Update Preferences</ptc-button>
-                </div>
-                <div class="is-col">
-                  <ptc-button 
-                    color="ptc-tertiary"
-                    disabled="false"
-                    link-href="https://www.ptc.com"
-                    link-title="PTC"
-                    rel="undefined"
-                    target="_self"
-                    text-align="undefined"
-                    type="button"
-                    >Unsubscribe to all</ptc-button>
-                </div>
-              </div>
-  
-              <ptc-para font-size="small" font-weight="w-4" para-color="primary-grey" para-line-h="line-height-p" para-margin="margin-6">
-                You will find a link to this page in the footer of any email communications that you receive from us so that you can come back to change your preferences or opt-out
-                of receiving any marketing information. If you choose to unsubscribe, you may still receive important service announcements.
-              </ptc-para>
-            </ptc-preferance-center-form>
-          </ptc-data-lookup>
-          
-        </max-width-container>
-      </form>
-    </div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Preference Center Exit Page/preview.stories.js

@@ -1,85 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Preference Center Exit Page'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<ptc-jumbotron jumbotron-type="text" sub-title="">
-      
-      
-      <ptc-breadcrumb slot="breadcrumb" color="primary-gray" position="center" styles=":host{margin-top: var(--ptc-element-spacing-06)!important;align-items: baseline;}">
-        <list-item list-type="breadcrumb" link-href="https://www.ptc.com/contact-us" color="primary-gray" styles=":host(.breadcrumb) li{ text-transform: uppercase;}">
-          Breadcrumb
-        </list-item>
-      </ptc-breadcrumb>
-      <ptc-title 
-        slot="main-title"
-        type="h1"
-        upperline="no-upperline"
-        title-size="xxxx-large"
-        title-height="densest"
-        title-weight="w-8"
-        title-margin="margin-flush"
-        text-align="center"
-        title-color="gray"
-      >
-        
-        We’re Sad to See You Go!
-      </ptc-title>
-    </ptc-jumbotron>
-    <div class="ptc-section-standard ptc-container">
-      <max-width-container breakpoint="768" content-align="center" max-width="580">
-        <form>
-          <ptc-title seo-compatibility-mode type="h2" upperline="no-upperline" title-margin="margin-flush">
-            <h2>All good things must come to an end.</h2>
-          </ptc-title>
-          <ptc-spacer size="medium"></ptc-spacer>
-          <ptc-para font-size="x-small" para-margin="margin-bottom-6" para-line-h="line-height-densest">Please let us know why you’re leaving.</ptc-para>
-          <ptc-spacer size="small"></ptc-spacer>
-          <ptc-checkbox-group group-name="leaving-options" type="single">
-            
-
-            <label class="checkbox-card" for="leaving-option1">
-              <input type="checkbox" name="leaving-options" id="leaving-option1" >
-              <div class="card-description">
-                <ptc-para para-margin="margin-flush" para-line-h="line-height-p" font-weight="w-7">Too many emails.</ptc-para>
-              </div>
-            </label>
-            <label class="checkbox-card" for="leaving-option2">
-              <input type="checkbox" name="leaving-options" id="leaving-option2" >
-              <div class="card-description">
-                <ptc-para para-margin="margin-flush" para-line-h="line-height-p" font-weight="w-7">The content is no longer relevant.</ptc-para>
-              </div>
-            </label>
-            <label class="checkbox-card" for="leaving-option3">
-              <input type="checkbox" name="leaving-options" id="leaving-option3" >
-              <div class="card-description">
-                <ptc-para para-margin="margin-flush" para-line-h="line-height-p" font-weight="w-7">The content wasn’t what I expected.</ptc-para>
-              </div>
-            </label>
-            <label class="checkbox-card" for="leaving-option4">
-              <input type="checkbox" name="leaving-options" id="leaving-option4" >
-              <div class="card-description">
-                <ptc-para para-margin="margin-flush" para-line-h="line-height-p" font-weight="w-7">I am no longer interested in PTC products. </ptc-para>
-              </div>
-            </label>
-            <label class="checkbox-card" for="leaving-option5">
-              <input type="checkbox" name="leaving-options" id="leaving-option5" >
-              <div class="card-description">
-                <ptc-para para-margin="margin-flush" para-line-h="line-height-p" font-weight="w-7">I didn’t mean to unsubscribe. Please re-subscribe me.</ptc-para>
-              </div>
-            </label>
-          </ptc-checkbox-group>
-          <ptc-button color="ptc-primary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="" text-align="left" type="button">Submit</ptc-button>
-        </form>
-      </max-width-container>
-    </div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Preference Center Update Email/preview.stories.js

@@ -1,54 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Preference Center Update Email'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<ptc-jumbotron jumbotron-type="text" sub-title="Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet">
-      
-      
-      <ptc-breadcrumb slot="breadcrumb" color="primary-gray" position="center" styles=":host{margin-top: var(--ptc-element-spacing-06)!important;align-items: baseline;}">
-        <list-item list-type="breadcrumb" link-href="https://www.ptc.com/contact-us" color="primary-gray" styles=":host(.breadcrumb) li{ text-transform: uppercase;}">
-          Breadcrumb
-        </list-item>
-      </ptc-breadcrumb>
-      <ptc-title 
-        slot="main-title"
-        type="h1"
-        upperline="no-upperline"
-        title-size="xxxx-large"
-        title-height="densest"
-        title-weight="w-8"
-        title-margin="margin-flush"
-        text-align="center"
-        title-color="gray"
-      >
-        Update Your Email Address
-      </ptc-title>
-    </ptc-jumbotron>
-    <div class="ptc-section-standard ptc-container">
-      <div class="is-grid">
-        <div class="is-col-7-xl is-col-6-lg">
-          <max-width-container breakpoint="768" content-align="left" max-width="677">
-            <ptc-title seo-compatibility-mode type="h2" upperline="no-upperline" title-margin="margin-flush">
-              <h2>Update your information</h2>
-            </ptc-title>
-            <ptc-spacer size="small"></ptc-spacer>
-            <p>Something seems different here... Tell us about it. Please update your information so we can make sure you keep getting the very best of PTC delivered to you.</p>
-          </max-width-container>
-        </div>
-        <div class="is-col-5-xl is-col-6-lg">
-          
-          <p style="border: 1px solid #ccc; width: 100%; height: 100%; padding: 40px; min-height: 500px">This area is for form</p>
-        </div>
-      </div>
-    </div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();

package/dist/collection/stories/organisms/ptc/Preference Center Update Personal Info/preview.stories.js

@@ -1,59 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Preference Center Update Personal Info'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-
-<ptc-jumbotron jumbotron-type="text" sub-title="">
-      
-      
-      <ptc-breadcrumb slot="breadcrumb" color="primary-gray" position="center" styles=":host{margin-top: var(--ptc-element-spacing-06)!important;align-items: baseline;}">
-        <list-item list-type="breadcrumb" link-href="https://www.ptc.com/contact-us" color="primary-gray" styles=":host(.breadcrumb) li{ text-transform: uppercase;}">
-          Breadcrumb
-        </list-item>
-      </ptc-breadcrumb>
-      <ptc-title 
-        slot="main-title"
-        type="h1"
-        upperline="no-upperline"
-        title-size="xxxx-large"
-        title-height="densest"
-        title-weight="w-8"
-        title-margin="margin-flush"
-        text-align="center"
-        title-color="gray"
-      >
-        Update Your Personal Information
-      </ptc-title>
-    </ptc-jumbotron>
-    <div class="ptc-section-standard ptc-container">
-      <div class="is-grid">
-        <div class="is-col-7-xl is-col-6-lg">
-          <max-width-container breakpoint="768" content-align="left" max-width="677">
-            <ptc-title seo-compatibility-mode type="h2" upperline="no-upperline" title-margin="margin-flush">
-              <h2>Update your information</h2>
-            </ptc-title>
-            <ptc-spacer size="small"></ptc-spacer>
-            
-            <ptc-title seo-compatibility-mode type="h3" title-size="medium" upperline="no-upperline" title-margin="margin-flush">
-              <h3>Something seems different here... Tell us about it.</h3>
-            </ptc-title>
-            <ptc-spacer size="small"></ptc-spacer>
-            <p>Please update your information so we can make sure you keep getting the very best of PTC delivered to you.</p>
-          </max-width-container>
-        </div>
-        <div class="is-col-5-xl is-col-6-lg">
-          
-          <p style="border: 1px solid #ccc; width: 100%; height: 100%; padding: 40px; min-height: 500px">This area is for form</p>
-        </div>
-      </div>
-    </div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();