@ptcwebops/ptcw-design 6.4.36-beta → 6.5.0-upgrade

package/dist/collection/stories/FormCheckbox.stories.js

@@ -1,58 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Atoms/ptc-form-checkbox',
-  tags: [ 'autodocs' ],
-  argTypes: {
-    checkboxId: {
-      control: 'text',
-      description: '',
-      defaultValue: { summary: 'undefined' }
-    },
-    helpertext: {
-      control: 'text',
-      description: '',
-      defaultValue: { summary: 'This field is required' }
-    },
-    isChecked: {
-      control: 'boolean',
-      description: '',
-      defaultValue: { summary: 'false' }
-    },
-    label: {
-      control: 'text',
-      description: '',
-      defaultValue: { summary: 'undefined' }
-    },
-    name: {
-      control: 'text',
-      description: '',
-      defaultValue: { summary: 'undefined' }
-    },
-    isRequired: {
-      control: 'boolean',
-      description: '',
-      defaultValue: { summary: 'true' }
-    }
-  }
-};
-
-const Template = args => { return html `<ptc-form-checkbox
-	checkbox-id=${args.checkboxId}
-	helpertext=${args.helpertext}
-	is-checked=${args.isChecked}
-	label=${args.label}
-	name=${args.name}
-	is-required=${args.isRequired}
-></ptc-form-checkbox>`;}
-
-export const Example = Template.bind({});
-
-Example.args = {
-  checkboxId: 'Checkbox1',
-  helpertext: 'This field is required',
-  isChecked: 'false',
-  label: 'checkbox content goes here',
-  name: 'labelname',
-  isRequired: 'false'
-}

package/dist/collection/stories/FormRadioButton.stories.js

@@ -1,37 +0,0 @@
-import { html } from 'lit';
-
-export default {
-    title: 'Atoms/ptc-form-radio-button',
-    tags: [ 'autodocs' ],
-    argTypes: {
-        name: {
-            control: 'text',
-            description: 'Name identifier for the radio button',
-            defaultValue: { summary: '' }
-        },
-        isDisabled: {
-            control: 'boolean',
-            description: 'Is radio button disabled by default',
-            defaultValue: { summary: false }
-        },
-        isChecked: {
-            control: 'boolean',
-            description: 'Is radio button checked by default',
-            defaultValue: { summary: false }
-        },
-    }
-};
-
-const Template = args => { return html `<ptc-form-radio-button
-	name= "${args.name}"
-	is-checked= "${args.isChecked}"
-	is-disabled= "${args.isDisabled}"
->Radio Button</ptc-form-radio-button>`;}
-
-export const Example = Template.bind({});
-
-Example.args = {
-    name: 'radio-button',
-    isChecked: false,
-    isDisabled: false
-}

package/dist/collection/stories/Icon.stories.js

@@ -1,48 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Atoms/icon-asset',
-  tags: [ 'autodocs' ],
-  argTypes: {
-    color: {
-      control: 'select',
-      options: ["black", "default", "gray", "inherit", "ptc-green", "white"],
-      description: 'Icon Color. Please turn on dark theme when you select white',
-      defaultValue: { summary: 'default' }
-    },
-    name: {
-      control: 'select',
-      description: 'Icon ID name',
-      defaultValue: { summary: 'undefined' },
-      options: ['button-arrow-right', 'arrow-right-nav','arrow_ascending','button-arrow-down','icon-3d-cube','icon-chart-down-arrow','icon-clock-checkmark','icon-clock-minus','search1', 'chevron-down', 'quotation-mark']
-    },
-    size: {
-      control: 'select',
-      options: ["large", "medium", "small", "x-large", "x-small", "xx-large", "xx-small", "xxx-large", "xxx-small", "xxxx-large"],
-      description: 'Icon Size',
-      defaultValue: { summary: 'xx-small' }
-    },
-    type: {
-      control: 'select',
-      options: ["ptc"],
-      description: 'Icon Type',
-      defaultValue: { summary: 'regular' }
-    }
-  }
-};
-
-const Template = args => { return html `<ptc-para>For more examples, please check: <ptc-link href="../../examples/ptc-icon-sprites.html" external="" link-title="ptc-icon" class="hydrated">View PTC Icon Library</ptc-link></ptc-para><br/><icon-asset
-	name=${args.name}
-	size=${args.size}
-	color=${args.color}
-	type=${args.type}
-></icon-asset>`;}
-
-export const Example = Template.bind({});
-
-Example.args = {
-  color: 'ptc-green',
-  name: 'icon-3d-cube',
-  size: 'medium',
-  type: 'ptc'
-}

package/dist/collection/stories/IconList.stories.js

@@ -1,114 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Molecules/ptc-icon-list',
-  tags: [ 'autodocs' ],
-  argTypes: {
-    isLastItem: {
-      control: 'boolean',
-      description: '',
-      defaultValue: { summary: false }
-    },
-    listContent: {
-      control: 'text',
-      description: 'List value with unit Example: Increase in Operator Productivity',
-      defaultValue: { summary: '' }
-    },
-    listType: {
-      control: 'select',
-      options: ['simple-icon-list', 'stat-icon-list', 'icon-top-align-list'],
-      description: 'List item type',
-      defaultValue: { summary: 'simple-icon-list' }
-    },
-    valueText: {
-      control: 'text',
-      description: 'List value text Example: up to',
-      defaultValue: { summary: '' }
-    },
-    valueWithUnit: {
-      control: 'text',
-      description: 'List value with unit Example: 60%',
-      defaultValue: { summary: '' }
-    }
-  }
-};
-
-// const Template = args => { return html `<ptc-icon-list
-// 	is-last-item=${args.isLastItem}
-// 	list-content=${args.listContent}
-// 	list-type=${args.listType}
-// 	value-text=${args.valueText}
-// 	value-with-unit=${args.valueWithUnit}
-// ></ptc-icon-list>`;}
-
-// export const Example = Template.bind({});
-
-// Example.args = {
-//   isLastItem: 'false',
-//   listContent: '',
-//   listType: 'simple-icon-list',
-//   valueText: '',
-//   valueWithUnit: ''
-// }
-
-// ** SimpleListWithIcon **
-
-const SimpleListWithIconTemplate = args => { return html `<ptc-icon-list
-	is-last-item=${args.isLastItem}
-	list-content=${args.listContent}
-	list-type=${args.listType}
-	value-text=${args.valueText}
-	value-with-unit=${args.valueWithUnit}
->
-  <icon-asset slot="icon" type="ptc" size="large" name="icon-3d-cube" color="ptc-green"></icon-asset>
-</ptc-icon-list>`;}
-
-export const SimpleListWithIcon = SimpleListWithIconTemplate.bind({});
-
-SimpleListWithIcon.args = {
-  isLastItem: false,
-  listContent: 'Create precise geometry, regardless of model complexity',
-  listType: 'simple-icon-list',
-  valueText: '',
-  valueWithUnit: ''
-}
-
-// ** StatisticsListWithIcon **
-
-const StatisticsListWithIconTemplate = args => { return html `<ptc-icon-list
-	is-last-item=${args.isLastItem}
-	list-content=${args.listContent}
-	list-type=${args.listType}
-	value-text=${args.valueText}
-	value-with-unit=${args.valueWithUnit}
-></ptc-icon-list>`;}
-
-export const StatisticsListWithIcon = StatisticsListWithIconTemplate.bind({});
-
-StatisticsListWithIcon.args = {
-  isLastItem: false,
-  listContent: 'Increase in Operator Productivity',
-  listType: 'stat-icon-list',
-  valueText: 'up to',
-  valueWithUnit: '60%'
-}
-
-// ** LargeBulletedList **
-
-const LargeBulletedListTemplate = args => { return html `<ptc-icon-list
-	is-last-item=${args.isLastItem}
-	list-content=${args.listContent}
-	list-type=${args.listType}
-	value-text=${args.valueText}
-	value-with-unit=${args.valueWithUnit}
-></ptc-icon-list>`;}
-
-export const LargeBulletedList = LargeBulletedListTemplate.bind({});
-
-LargeBulletedList.args = {
-  isLastItem: false,
-  listContent: 'Powerful concurrent assembly environment enables parallel design activities for large engineering teams.',
-  listType: 'icon-top-align-list',
-  valueText: '',
-  valueWithUnit: ''
-}

package/dist/collection/stories/IconMinimize.stories.js

@@ -1,41 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Molecules/ptc-icon-minimize',
-  tags: [ 'autodocs' ],
-  argTypes: {
-    heading: {
-      control: 'text',
-      description: 'List heading',
-      defaultValue: { summary: 'undefined' }
-    },
-    opened: { 
-      control: 'boolean', 
-      description: 'If list is initially minimized or not', 
-      defaultValue: { summary: true } 
-    }
-  }
-};
-
-const Template = args => { return html `
-<div class="is-grid">
-  <div class="is-col-4">
-    <ptc-icon-minimize
-      heading=${args.heading}
-      opened=${args.opened}
-    >
-      <div class="fitler-check-list-demo">
-        <ptc-checkbox>Advanced Plug-Ins</ptc-checkbox>
-        <ptc-checkbox checked="checked" value="test">Drivers</ptc-checkbox>
-        <ptc-checkbox>Suites</ptc-checkbox>
-      </div>
-    </ptc-icon-minimize>
-  </div>
-</div>`;}
-
-export const Example = Template.bind({});
-
-Example.args = { 
-  heading: 'Item list', 
-  opened: true 
-}

package/dist/collection/stories/InlineCta.stories.js

@@ -1,111 +0,0 @@
-import { html } from 'lit';
-
-export default {
-	title: 'Molecules/ptc-inline-cta',
-	tags: [ 'autodocs' ],
-	argTypes: {
-		type: {
-		control: 'select',
-		description: 'Inline CTA type',
-		defaultValue: { summary: 'big' },
-		options: [ 'big', 'bottom', 'small' ]
-		}
-	}
-};
-
-// Small inline CTA
-
-const SmallInlineCTATemplate = args => { return html `<ptc-inline-cta
-	type=${args.type}
->
-	<img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/f7e6/e19f/1566074ee69372b47590f1971aac16f4?Expires=1721606400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=VCC7Z2z0mzozT1LFI2Dh1i1qut1Vrg8LqBfDMaeS1PgXk2dEQj13xnnZZRRei6wme9gYoCEopDlGAD5Z0fY~OkNlMvuXJnAQxgO3KCK3Uknh5HtD0tuaQa31VUKdq0EB4mWQLsesh8pvbY-Gjs0vNPOoQJLlGetZj0GAov6SJr7k1fgg9wuEltGdRcnxiAXi6AG18Gbu2uUaqyfelfQAGLYBrqN~wXPv7ym~z0DHzaUsfXWg0ka8IVDkYEdqq5VfrTh3WOSs2nyDPg-5x6fX9C9rkIefEEAnJ7d2WCkdWlic~gXKLmQJmZdjoeKDpcNEH2d-pGycHOEaWCmKQWgJ7g__">
-	<h4 slot="cta-heading">Learn More About ServiceMax’s Recent Innovation</h4>
-	<p slot="cta-description">To learn more about all of ServiceMax’s new enhancements and our product portfolio, visit the ServiceMax website. </p>
-	<a slot="cta-link" href="https://www.google.com" target="_blank">Read About ServiceMax</a>
-</ptc-inline-cta>`;}
-
-export const SmallInlineCTA = SmallInlineCTATemplate.bind({});
-
-SmallInlineCTA.args = { type: 'small' }
-
-// Big inline CTA
-
-const BigInlineCTATemplate = args => { return html `<ptc-inline-cta
-	type=${args.type}
->
-	<img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/c3ec/44ab/d89e9be30124536c48038f652622d9c8?Expires=1721606400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZVSUT7-OG2KakKbhhNjaefxLnEJSDx~qW9iTHSq8WvLUnPoI9PgJmINJCcZ94TMk~PX6~E37GeMDi1G3mkc06xBNNFjzeAp~yV2cJ3EI19t5zgpWCpmCYPk0yUGULFx~m60jbETxDrYsuFvomL7igA~rC2Gbs19W96ljP8FGX-lres5w3v3e99LYih8dMyVY2fcWQb9n-nGnT8iiss9HXNs8L5uNQWJNf~H~~CWgrK1CNFE0qyP5getePgyeXaIarrOhdamE-VxtZsoz~~PfPI6E4D4loIe7Xj8u42gBRaHjSv-OF7Scx2F55vGY1hlou5Cc-B8iYXKT2DlaZ5adlw__">
-	<h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-	<p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-	<a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-</ptc-inline-cta>`;}
-
-export const BigInlineCTA = BigInlineCTATemplate.bind({});
-
-BigInlineCTA.args = { type: 'big' }
-
-// Bottom inline CTA
-
-const BottomInlineCTATemplate = args => { return html `<ptc-inline-cta
-	type=${args.type}
->
-	<img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/0d20/b03c/adbafb05618ff779e713d875d8727878?Expires=1721606400&amp;Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&amp;Signature=ohDpjlIpoH~nRB0XkuLfkpAc3WLfLQrs4JKwTy0dRWBiLAzlkdw3zF5J9Nhhbx7nBzK8jZ43cx5WnO0lVKoZN0n7tsPCDuxh7VrZ0uT17vnTKPDNMZJqmvndu~HQbo~qCbF1pbPG9VP0KIajniifK92tMxulYO26YviWJeyomMDFXUCF9Srru4Kbk6MltfbK2Kcxzq9LvyqCsiW~DkdcCYnyqJaXs2-KPovbcSCbgk~KDi1EiLNxYXP4U0BQKTKb5mh7Dksw~5odn8ETE8bfBzkUyMDRDqjf-oZSUCu4wMggS2jH62~F7OLAbjKJJrcwVmvSX-HnMjCOgfmSkSp2ZQ__">
-	<h2 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h2>
-	<p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-	<a slot="cta-link" href="https://www.google.com" target="_blank">Read Now</a>
-</ptc-inline-cta>`;}
-
-export const BottomInlineCTA = BottomInlineCTATemplate.bind({});
-
-BottomInlineCTA.args = { type: 'bottom' }
-
-// Repeating pattern for Big CTA
-
-const BigCTARepeatingPatternTemplate = () => { return html `
-	<div class="ptc-section">
-		<p>Big Inline CTA 2</p>
-		<ptc-inline-cta type='big'>
-			<img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/c3ec/44ab/d89e9be30124536c48038f652622d9c8?Expires=1721606400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZVSUT7-OG2KakKbhhNjaefxLnEJSDx~qW9iTHSq8WvLUnPoI9PgJmINJCcZ94TMk~PX6~E37GeMDi1G3mkc06xBNNFjzeAp~yV2cJ3EI19t5zgpWCpmCYPk0yUGULFx~m60jbETxDrYsuFvomL7igA~rC2Gbs19W96ljP8FGX-lres5w3v3e99LYih8dMyVY2fcWQb9n-nGnT8iiss9HXNs8L5uNQWJNf~H~~CWgrK1CNFE0qyP5getePgyeXaIarrOhdamE-VxtZsoz~~PfPI6E4D4loIe7Xj8u42gBRaHjSv-OF7Scx2F55vGY1hlou5Cc-B8iYXKT2DlaZ5adlw__">
-			<h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-			<p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-			<a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-		</ptc-inline-cta>
-	</div>
-	<div class="ptc-section">
-		<p>Big Inline CTA 3</p>
-		<ptc-inline-cta type='big'>
-			<img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/c3ec/44ab/d89e9be30124536c48038f652622d9c8?Expires=1721606400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZVSUT7-OG2KakKbhhNjaefxLnEJSDx~qW9iTHSq8WvLUnPoI9PgJmINJCcZ94TMk~PX6~E37GeMDi1G3mkc06xBNNFjzeAp~yV2cJ3EI19t5zgpWCpmCYPk0yUGULFx~m60jbETxDrYsuFvomL7igA~rC2Gbs19W96ljP8FGX-lres5w3v3e99LYih8dMyVY2fcWQb9n-nGnT8iiss9HXNs8L5uNQWJNf~H~~CWgrK1CNFE0qyP5getePgyeXaIarrOhdamE-VxtZsoz~~PfPI6E4D4loIe7Xj8u42gBRaHjSv-OF7Scx2F55vGY1hlou5Cc-B8iYXKT2DlaZ5adlw__">
-			<h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-			<p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-			<a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-		</ptc-inline-cta>
-	</div>
-	<div class="ptc-section">
-		<p>Big Inline CTA 4</p>
-		<ptc-inline-cta type='big'>
-			<img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/c3ec/44ab/d89e9be30124536c48038f652622d9c8?Expires=1721606400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZVSUT7-OG2KakKbhhNjaefxLnEJSDx~qW9iTHSq8WvLUnPoI9PgJmINJCcZ94TMk~PX6~E37GeMDi1G3mkc06xBNNFjzeAp~yV2cJ3EI19t5zgpWCpmCYPk0yUGULFx~m60jbETxDrYsuFvomL7igA~rC2Gbs19W96ljP8FGX-lres5w3v3e99LYih8dMyVY2fcWQb9n-nGnT8iiss9HXNs8L5uNQWJNf~H~~CWgrK1CNFE0qyP5getePgyeXaIarrOhdamE-VxtZsoz~~PfPI6E4D4loIe7Xj8u42gBRaHjSv-OF7Scx2F55vGY1hlou5Cc-B8iYXKT2DlaZ5adlw__">
-			<h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-			<p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-			<a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-		</ptc-inline-cta>
-	</div>
-	<div class="ptc-section">
-		<p>Big Inline CTA 5</p>
-		<ptc-inline-cta type='big'>
-			<img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/c3ec/44ab/d89e9be30124536c48038f652622d9c8?Expires=1721606400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZVSUT7-OG2KakKbhhNjaefxLnEJSDx~qW9iTHSq8WvLUnPoI9PgJmINJCcZ94TMk~PX6~E37GeMDi1G3mkc06xBNNFjzeAp~yV2cJ3EI19t5zgpWCpmCYPk0yUGULFx~m60jbETxDrYsuFvomL7igA~rC2Gbs19W96ljP8FGX-lres5w3v3e99LYih8dMyVY2fcWQb9n-nGnT8iiss9HXNs8L5uNQWJNf~H~~CWgrK1CNFE0qyP5getePgyeXaIarrOhdamE-VxtZsoz~~PfPI6E4D4loIe7Xj8u42gBRaHjSv-OF7Scx2F55vGY1hlou5Cc-B8iYXKT2DlaZ5adlw__">
-			<h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-			<p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-			<a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-		</ptc-inline-cta>
-	</div>
-	<div class="ptc-section">
-		<p>Big Inline CTA 6</p>
-		<ptc-inline-cta type='big'>
-			<img slot="cta-image" alt="CTA Image" src="https://s3-alpha-sig.figma.com/img/c3ec/44ab/d89e9be30124536c48038f652622d9c8?Expires=1721606400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZVSUT7-OG2KakKbhhNjaefxLnEJSDx~qW9iTHSq8WvLUnPoI9PgJmINJCcZ94TMk~PX6~E37GeMDi1G3mkc06xBNNFjzeAp~yV2cJ3EI19t5zgpWCpmCYPk0yUGULFx~m60jbETxDrYsuFvomL7igA~rC2Gbs19W96ljP8FGX-lres5w3v3e99LYih8dMyVY2fcWQb9n-nGnT8iiss9HXNs8L5uNQWJNf~H~~CWgrK1CNFE0qyP5getePgyeXaIarrOhdamE-VxtZsoz~~PfPI6E4D4loIe7Xj8u42gBRaHjSv-OF7Scx2F55vGY1hlou5Cc-B8iYXKT2DlaZ5adlw__">
-			<h3 slot="cta-heading">Safeguard Your Infrastructure with AI and IoT</h3>
-			<p slot="cta-description">Discover AI's impact on field service in Episode 30 of PTC's Speaking of Service podcast with expert James Penney, CTO at Device Authority.</p>
-			<a slot="cta-link" href="https://www.google.com" target="_blank">Watch Podcast</a>
-		</ptc-inline-cta>
-	</div>
-`;}
-
-export const BigCTARepeatingPattern = BigCTARepeatingPatternTemplate.bind({});