npm - @ptcwebops/ptcw-design - Versions diffs - 6.3.37 → 6.3.38-beta - Mend

@ptcwebops/ptcw-design 6.3.37 → 6.3.38-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 (682) hide show

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

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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();